Skip to content

Commit 5d7a620

Browse files
claudeclaude
committed
Add Geist palette
Adds Vercel's Geist design system color ramps: gray, blue, red, amber, green, teal, purple, pink (each 10 steps, 100-1000), plus 2 background neutrals. Normalized to sRGB hex from the published hsla source.
1 parent 8098ce7 commit 5d7a620

5 files changed

Lines changed: 3030 additions & 2011 deletions

File tree

‎data/colors/geist.json‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
{
2+
"gray": {
3+
"100": "#f2f2f2",
4+
"200": "#ebebeb",
5+
"300": "#e6e6e6",
6+
"400": "#ebebeb",
7+
"500": "#c9c9c9",
8+
"600": "#a8a8a8",
9+
"700": "#8f8f8f",
10+
"800": "#7d7d7d",
11+
"900": "#666666",
12+
"1000": "#171717"
13+
},
14+
"blue": {
15+
"100": "#f0f7ff",
16+
"200": "#ebf5ff",
17+
"300": "#e0f0ff",
18+
"400": "#cce6ff",
19+
"500": "#99ceff",
20+
"600": "#52aeff",
21+
"700": "#0072f5",
22+
"800": "#0062d1",
23+
"900": "#0068d6",
24+
"1000": "#00254d"
25+
},
26+
"red": {
27+
"100": "#fff0f0",
28+
"200": "#ffebeb",
29+
"300": "#ffe5e5",
30+
"400": "#fdd8d8",
31+
"500": "#f8b9b9",
32+
"600": "#f87275",
33+
"700": "#e5484d",
34+
"800": "#da2f35",
35+
"900": "#cb2a2f",
36+
"1000": "#391417"
37+
},
38+
"amber": {
39+
"100": "#fff6e5",
40+
"200": "#fff4d6",
41+
"300": "#fef0cd",
42+
"400": "#ffdd8f",
43+
"500": "#ffc96b",
44+
"600": "#f5b047",
45+
"700": "#ffb224",
46+
"800": "#ff990a",
47+
"900": "#a35200",
48+
"1000": "#4e2009"
49+
},
50+
"green": {
51+
"100": "#effbef",
52+
"200": "#ebfaeb",
53+
"300": "#daf6da",
54+
"400": "#c6f1c7",
55+
"500": "#99e69e",
56+
"600": "#6cda75",
57+
"700": "#45a557",
58+
"800": "#398e4a",
59+
"900": "#297a3a",
60+
"1000": "#1b311e"
61+
},
62+
"teal": {
63+
"100": "#eefcf9",
64+
"200": "#e5faf6",
65+
"300": "#d4f7f0",
66+
"400": "#bef4eb",
67+
"500": "#86ead9",
68+
"600": "#45dec5",
69+
"700": "#12a594",
70+
"800": "#0d8c7d",
71+
"900": "#067a6e",
72+
"1000": "#073c34"
73+
},
74+
"purple": {
75+
"100": "#f9f0ff",
76+
"200": "#f9f1fe",
77+
"300": "#f4e8fc",
78+
"400": "#eddcf9",
79+
"500": "#d5b1f1",
80+
"600": "#bf89ec",
81+
"700": "#8e4ec6",
82+
"800": "#763da9",
83+
"900": "#7820bc",
84+
"1000": "#2e004d"
85+
},
86+
"pink": {
87+
"100": "#ffebf5",
88+
"200": "#feecf2",
89+
"300": "#fce3ec",
90+
"400": "#f9d7e2",
91+
"500": "#f5b8cc",
92+
"600": "#ee87a7",
93+
"700": "#ea3e83",
94+
"800": "#df2670",
95+
"900": "#bd2864",
96+
"1000": "#430a23"
97+
},
98+
"background": {
99+
"100": "#ffffff",
100+
"200": "#fafafa"
101+
}
102+
}

0 commit comments

Comments
 (0)