Skip to content

Commit 339f1f1

Browse files
committed
Add Atlassian Design System palette
Adds the Atlassian Design System (Atlaskit) primitive color palette, sourced from the design-system/tokens artifacts. Includes 9 chromatic hue families (red, orange, yellow, lime, green, teal, blue, purple, magenta) plus a light-mode neutral ramp, each with 12 steps (100-1000, with 250 and 850 sub-steps).
1 parent 69c8b80 commit 339f1f1

5 files changed

Lines changed: 5939 additions & 1505 deletions

File tree

data/colors/atlassian.json

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
{
2+
"lime": {
3+
"100": "#efffd6",
4+
"200": "#d3f1a7",
5+
"250": "#bde97c",
6+
"300": "#b3df72",
7+
"400": "#94c748",
8+
"500": "#82b536",
9+
"600": "#6a9a23",
10+
"700": "#5b7f24",
11+
"800": "#4c6b1f",
12+
"850": "#3f5224",
13+
"900": "#37471f",
14+
"1000": "#28311b"
15+
},
16+
"red": {
17+
"100": "#ffeceb",
18+
"200": "#ffd5d2",
19+
"250": "#ffb8b2",
20+
"300": "#fd9891",
21+
"400": "#f87168",
22+
"500": "#f15b50",
23+
"600": "#e2483d",
24+
"700": "#c9372c",
25+
"800": "#ae2e24",
26+
"850": "#872821",
27+
"900": "#5d1f1a",
28+
"1000": "#42221f"
29+
},
30+
"orange": {
31+
"100": "#fff5db",
32+
"200": "#fce4a6",
33+
"250": "#fbd779",
34+
"300": "#fbc828",
35+
"400": "#fca700",
36+
"500": "#f68909",
37+
"600": "#e06c00",
38+
"700": "#bd5b00",
39+
"800": "#9e4c00",
40+
"850": "#7a3b00",
41+
"900": "#693200",
42+
"1000": "#3a2c1f"
43+
},
44+
"yellow": {
45+
"100": "#fef7c8",
46+
"200": "#f5e989",
47+
"250": "#efdd4e",
48+
"300": "#eed12b",
49+
"400": "#ddb30e",
50+
"500": "#cf9f02",
51+
"600": "#b38600",
52+
"700": "#946f00",
53+
"800": "#7f5f01",
54+
"850": "#614a05",
55+
"900": "#533f04",
56+
"1000": "#332e1b"
57+
},
58+
"green": {
59+
"100": "#dcfff1",
60+
"200": "#baf3db",
61+
"250": "#97edc9",
62+
"300": "#7ee2b8",
63+
"400": "#4bce97",
64+
"500": "#2abb7f",
65+
"600": "#22a06b",
66+
"700": "#1f845a",
67+
"800": "#216e4e",
68+
"850": "#19573d",
69+
"900": "#164b35",
70+
"1000": "#1c3329"
71+
},
72+
"teal": {
73+
"100": "#e7f9ff",
74+
"200": "#c6edfb",
75+
"250": "#b1e4f7",
76+
"300": "#9dd9ee",
77+
"400": "#6cc3e0",
78+
"500": "#42b2d7",
79+
"600": "#2898bd",
80+
"700": "#227d9b",
81+
"800": "#206a83",
82+
"850": "#1a5265",
83+
"900": "#164555",
84+
"1000": "#1e3137"
85+
},
86+
"blue": {
87+
"100": "#e9f2fe",
88+
"200": "#cfe1fd",
89+
"250": "#adcbfb",
90+
"300": "#8fb8f6",
91+
"400": "#669df1",
92+
"500": "#4688ec",
93+
"600": "#357de8",
94+
"700": "#1868db",
95+
"800": "#1558bc",
96+
"850": "#144794",
97+
"900": "#123263",
98+
"1000": "#1c2b42"
99+
},
100+
"purple": {
101+
"100": "#f8eefe",
102+
"200": "#eed7fc",
103+
"250": "#e3bdfa",
104+
"300": "#d8a0f7",
105+
"400": "#c97cf4",
106+
"500": "#bf63f3",
107+
"600": "#af59e1",
108+
"700": "#964ac0",
109+
"800": "#803fa5",
110+
"850": "#673286",
111+
"900": "#48245d",
112+
"1000": "#35243f"
113+
},
114+
"magenta": {
115+
"100": "#ffecf8",
116+
"200": "#fdd0ec",
117+
"250": "#fcb6e1",
118+
"300": "#f797d2",
119+
"400": "#e774bb",
120+
"500": "#da62ac",
121+
"600": "#cd519d",
122+
"700": "#ae4787",
123+
"800": "#943d73",
124+
"850": "#77325b",
125+
"900": "#50253f",
126+
"1000": "#3d2232"
127+
},
128+
"neutral": {
129+
"0": "#ffffff",
130+
"100": "#f8f8f8",
131+
"200": "#f0f1f2",
132+
"300": "#dddee1",
133+
"400": "#b7b9be",
134+
"500": "#8c8f97",
135+
"600": "#7d818a",
136+
"700": "#6b6e76",
137+
"800": "#505258",
138+
"900": "#3b3d42",
139+
"1000": "#292a2e",
140+
"1100": "#1e1f21"
141+
}
142+
}

0 commit comments

Comments
 (0)