Palette · 9 colors · Lc 9.4
Classic Turf Studio palette
Classic Turf Studio: a 9-color palette (Green, Gray, 9 Colors). HEX, RGB, HSL and OKLCH for #E9EDE4, #CACFBD, #A5AE89, #848F69, #63734E, #4A6038, #384522, #182114, #080A06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9EDE4
surface
#CACFBD
muted
#A5AE89
primary
#848F69
secondary
#63734E
accent
#4A6038
highlight
#384522
border
#182114
text
#080A06
Colors in Classic Turf Studio: HEX, RGB, HSL & OKLCH
- #E9EDE4 color page →
bg
#E9EDE4
- RGB
- rgb(233 237 228)
- HSL
- hsl(87 20% 91%)
- OKLCH
- oklch(0.941 0.013 126.4)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.69:1 (AAA)
- #CACFBD color page →
surface
#CACFBD
- RGB
- rgb(202 207 189)
- HSL
- hsl(77 16% 78%)
- OKLCH
- oklch(0.846 0.025 119.6)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.17:1 (AAA)
- #A5AE89 color page →
muted
#A5AE89
- RGB
- rgb(165 174 137)
- HSL
- hsl(75 19% 61%)
- OKLCH
- oklch(0.734 0.052 118.8)
WCAG contrast: on white 2.32:1 (Fail) · on black 9.01:1 (AAA)
- #848F69 color page →
primary
#848F69
- RGB
- rgb(132 143 105)
- HSL
- hsl(77 15% 49%)
- OKLCH
- oklch(0.631 0.056 121.1)
WCAG contrast: on white 3.43:1 (Fail) · on black 6.11:1 (AA)
- #63734E color page →
secondary
#63734E
- RGB
- rgb(99 115 78)
- HSL
- hsl(86 19% 38%)
- OKLCH
- oklch(0.532 0.058 127.3)
WCAG contrast: on white 5.13:1 (AA) · on black 4.09:1 (Fail)
- #4A6038 color page →
accent
#4A6038
- RGB
- rgb(74 96 56)
- HSL
- hsl(93 26% 30%)
- OKLCH
- oklch(0.46 0.067 132)
WCAG contrast: on white 6.95:1 (AA) · on black 3.02:1 (Fail)
- #384522 color page →
highlight
#384522
- RGB
- rgb(56 69 34)
- HSL
- hsl(82 34% 20%)
- OKLCH
- oklch(0.369 0.058 125.8)
WCAG contrast: on white 10.28:1 (AAA) · on black 2.04:1 (Fail)
- #182114 color page →
border
#182114
- RGB
- rgb(24 33 20)
- HSL
- hsl(102 25% 10%)
- OKLCH
- oklch(0.234 0.027 136.3)
WCAG contrast: on white 16.58:1 (AAA) · on black 1.26:1 (Fail)
- #080A06 color page →
text
#080A06
- RGB
- rgb(8 10 6)
- HSL
- hsl(90 25% 3%)
- OKLCH
- oklch(0.14 0.01 127.9)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Turf Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9ede4;
--surface: #cacfbd;
--muted: #a5ae89;
--primary: #848f69;
--secondary: #63734e;
--accent: #4a6038;
--highlight: #384522;
--border: #182114;
--text: #080a06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9ede4;
--color-surface: #cacfbd;
--color-muted: #a5ae89;
--color-primary: #848f69;
--color-secondary: #63734e;
--color-accent: #4a6038;
--color-highlight: #384522;
--color-border: #182114;
--color-text: #080a06;
}JSON (DTCG tokens)
{
"classic-turf-studio-ek": {
"bg": {
"$type": "color",
"$value": "#e9ede4"
},
"surface": {
"$type": "color",
"$value": "#cacfbd"
},
"muted": {
"$type": "color",
"$value": "#a5ae89"
},
"primary": {
"$type": "color",
"$value": "#848f69"
},
"secondary": {
"$type": "color",
"$value": "#63734e"
},
"accent": {
"$type": "color",
"$value": "#4a6038"
},
"highlight": {
"$type": "color",
"$value": "#384522"
},
"border": {
"$type": "color",
"$value": "#182114"
},
"text": {
"$type": "color",
"$value": "#080a06"
}
}
}About this palette
Classic Turf Studio is a 9-color OKLCH-ready palette tagged green, gray, 9 colors. Hex values: #E9EDE4, #CACFBD, #A5AE89, #848F69, #63734E, #4A6038, #384522, #182114, #080A06. APCA contrast score Lc 9.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Turf Studio by OKLab color distance.