Color primitives

The nine OKLCH foundation palettes — each a 19-stop perceptual ramp with a matching alpha sub-ramp — plus the white and black anchors.

Foundation colours carry zero design intent — they are the raw material the semantic theme draws from. Each chromatic palette is a 19-stop ramp (50950, including the 150/250/… mid-steps) authored in OKLCH for a smooth perceptual taper, and every palette ships a matching alpha sub-ramp (a4a95) string-derived from its 500 stop for translucent tints.

Palettes

Amber

50
99% 0.0135 73.57
100
96.28% 0.0275 72.39
150
93.53% 0.0419 71.15
200
90.73% 0.0567 69.87
250
87.89% 0.0719 68.51
300
84.99% 0.0878 67.08
350
82.02% 0.1046 65.53
400
78.95% 0.1225 63.81
450
75.71% 0.1424 61.8
500
71.96% 0.1692 58.57
550
64.77% 0.156 52.13
600
58.54% 0.1429 48.11
650
52.63% 0.1297 44.67
700
46.92% 0.1166 41.57
750
41.35% 0.1034 38.69
800
35.89% 0.0902 35.99
850
30.52% 0.0771 33.41
900
25.23% 0.0639 30.95
950
20% 0.0508 28.57

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Gold

50
99.30% 0.0070 76.72
100
97.18% 0.0176 76.72
150
95.01% 0.0285 76.72
200
92.78% 0.0399 76.72
250
90.47% 0.0520 76.72
300
88.07% 0.0647 76.72
350
85.54% 0.0785 76.72
400
82.83% 0.0938 76.72
450
79.83% 0.1117 76.72
500
75.77% 0.1403 76.72
550
66.15% 0.1222 75.86
600
59.03% 0.1109 75.22
650
52.61% 0.1013 74.64
700
46.62% 0.0926 74.11
750
40.92% 0.0845 73.60
800
35.45% 0.0769 73.10
850
30.16% 0.0697 72.63
900
25.01% 0.0628 72.17
950
20.00% 0.0561 71.72

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Mulberry

50
98.50% 0.0031 18.00
100
95.18% 0.0149 18.00
150
91.73% 0.0272 18.00
200
88.13% 0.0401 18.00
250
84.35% 0.0536 18.00
300
80.33% 0.0679 18.00
350
75.99% 0.0834 18.00
400
71.19% 0.1005 18.00
450
65.56% 0.1206 18.00
500
56.55% 0.1528 18.00
550
48.27% 0.1249 18.00
600
43.10% 0.1075 18.00
650
38.68% 0.0926 18.00
700
34.70% 0.0792 18.00
750
31.00% 0.0667 18.00
800
27.53% 0.0550 18.00
850
24.22% 0.0439 18.00
900
21.05% 0.0332 18.00
950
18.00% 0.0229 18.00

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Copper

50
98.61% 0.0034 67.83
100
95.86% 0.0128 48.65
150
93.14% 0.0249 49.77
200
90.38% 0.0356 49.23
250
87.59% 0.048 51.55
300
84.32% 0.061 51.18
350
81.05% 0.0749 51.66
400
77.32% 0.0902 51.39
450
72.8% 0.1074 51.11
500
65.78% 0.1363 50.85
550
55.6% 0.1116 51.07
600
49.07% 0.096 51.1
650
43.65% 0.0823 50.91
700
38.69% 0.0707 50.2
750
34.28% 0.0597 51.31
800
29.89% 0.0495 52.02
850
25.74% 0.0386 53.23
900
21.75% 0.0296 51.57
950
18% 0.0208 52.08

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Sunflower

50
98.6% 0.0129 86.05
100
96.88% 0.0263 86.05
150
95.13% 0.04 86.05
200
93.32% 0.0541 86.05
250
91.44% 0.0687 86.05
300
89.5% 0.0839 86.05
350
87.45% 0.0999 86.05
400
85.25% 0.117 86.05
450
82.81% 0.136 86.05
500
79.52% 0.1617 86.05
550
72.35% 0.1311 84.67
600
65.19% 0.112 83.65
650
58.02% 0.0957 82.72
700
50.85% 0.081 81.87
750
43.68% 0.0674 81.05
800
36.51% 0.0546 80.26
850
29.34% 0.0424 79.5
900
22.17% 0.0307 78.77
950
15% 0.0194 78.05

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Cobalt

50
98.46% 0.0017 247.73
100
95.46% 0.011 243.62
150
92.22% 0.0197 245.63
200
88.97% 0.0286 246.49
250
85.6% 0.0373 244.45
300
81.92% 0.0489 244.57
350
77.96% 0.059 244.63
400
73.37% 0.0722 245.66
450
68.32% 0.0856 245.03
500
60.02% 0.1089 245.45
550
51.1% 0.089 245.28
600
45.29% 0.0768 245.33
650
40.43% 0.067 246.4
700
36.07% 0.0559 246.15
750
32.24% 0.0474 244.16
800
28.47% 0.0386 245.14
850
24.87% 0.0307 243.58
900
21.26% 0.0231 246.29
950
17.89% 0.0156 248.7

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Fern

50
98.50% 0.0029 140.74
100
96.03% 0.0139 140.74
150
93.46% 0.0254 140.74
200
90.78% 0.0374 140.74
250
87.96% 0.0500 140.74
300
84.96% 0.0633 140.74
350
81.73% 0.0778 140.74
400
78.15% 0.0938 140.74
450
73.95% 0.1125 140.74
500
67.24% 0.1425 140.74
550
56.66% 0.1165 140.74
600
50.06% 0.1002 140.74
650
44.42% 0.0864 140.74
700
39.33% 0.0738 140.74
750
34.61% 0.0622 140.74
800
30.17% 0.0513 140.74
850
25.94% 0.0409 140.74
900
21.90% 0.0310 140.74
950
18.00% 0.0214 140.74

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Brass

50
99% 0.0102 91.56
100
97.06% 0.0174 91.56
150
94.99% 0.025 91.56
200
92.77% 0.0328 91.56
250
90.35% 0.0411 91.56
300
87.68% 0.0499 91.56
350
84.65% 0.0594 91.56
400
81.05% 0.0699 91.56
450
76.37% 0.0821 91.56
500
65.05% 0.1018 91.56
550
52.73% 0.0922 91.56
600
46.37% 0.0826 91.56
650
41.23% 0.073 91.56
700
36.74% 0.0634 91.56
750
32.69% 0.0537 91.56
800
28.94% 0.0441 91.56
850
25.45% 0.0345 91.56
900
22.14% 0.0249 91.56
950
19% 0.0153 91.56

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Olive

50
98.8% 0.003 106.5
100
96.6% 0.005 106.5
150
94.78% 0.006 106.32
200
93% 0.007 106.5
250
90.48% 0.0088 106.44
300
88% 0.011 106.6
350
80.85% 0.016 106.69
400
73.7% 0.021 106.9
450
65.86% 0.026 107.08
500
58% 0.031 107.3
550
52.33% 0.028 107.3
600
46.6% 0.025 107.3
650
42.99% 0.0238 107.34
700
39.4% 0.023 107.4
750
33.98% 0.0193 107.36
800
28.6% 0.016 107.4
850
25.71% 0.0144 107.35
900
22.8% 0.013 107.4
950
15.3% 0.006 107.1

Alpha ramp

a4
4%
a5
5%
a6
6%
a8
8%
a10
10%
a15
15%
a20
20%
a25
25%
a30
30%
a35
35%
a40
40%
a45
45%
a50
50%
a55
55%
a60
60%
a65
65%
a70
70%
a75
75%
a80
80%
a85
85%
a90
90%
a95
95%
transparent
0%

Neutral anchors

Pure white and black, each carrying a solid and transparent anchor plus an alpha sub-ramp. The fg and surface chrome roles composite these alpha rungs over the warm canvas to pick up its tint.

white

solid
transparent

Alpha ramp

a4
a5
a6
a8
a10
a15
a20
a25
a30
a35
a40
a45
a50
a55
a60
a65
a70
a75
a80
a85
a90
a95

black

solid
transparent

Alpha ramp

a4
a5
a6
a8
a10
a15
a20
a25
a30
a35
a40
a45
a50
a55
a60
a65
a70
a75
a80
a85
a90
a95

On this page