Palette · 9 colors · Lc 8.7
True Grasshopper Horizon palette
True Grasshopper Horizon: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #FEE6DE, #CCA898, #A06F59, #767C48, #4B7873, #3D7084, #4E6B88, #462F45, #1C0904, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#FEE6DE
surface
#CCA898
muted
#A06F59
primary
#767C48
secondary
#4B7873
accent
#3D7084
highlight
#4E6B88
border
#462F45
text
#1C0904
Colors in True Grasshopper Horizon: HEX, RGB, HSL & OKLCH
- #FEE6DE color page →
bg
#FEE6DE
- RGB
- rgb(254 230 222)
- HSL
- hsl(15 94% 93%)
- OKLCH
- oklch(0.942 0.029 39.3)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)
- #CCA898 color page →
surface
#CCA898
- RGB
- rgb(204 168 152)
- HSL
- hsl(18 34% 70%)
- OKLCH
- oklch(0.759 0.048 45.3)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.62:1 (AAA)
- #A06F59 color page →
muted
#A06F59
- RGB
- rgb(160 111 89)
- HSL
- hsl(19 29% 49%)
- OKLCH
- oklch(0.587 0.071 45.1)
WCAG contrast: on white 4.27:1 (Fail) · on black 4.91:1 (AA)
- #767C48 color page →
primary
#767C48
- RGB
- rgb(118 124 72)
- HSL
- hsl(67 27% 38%)
- OKLCH
- oklch(0.568 0.074 114.1)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #4B7873 color page →
secondary
#4B7873
- RGB
- rgb(75 120 115)
- HSL
- hsl(173 23% 38%)
- OKLCH
- oklch(0.539 0.05 186.9)
WCAG contrast: on white 4.96:1 (AA) · on black 4.23:1 (Fail)
- #3D7084 color page →
accent
#3D7084
- RGB
- rgb(61 112 132)
- HSL
- hsl(197 37% 38%)
- OKLCH
- oklch(0.518 0.063 225.6)
WCAG contrast: on white 5.45:1 (AA) · on black 3.84:1 (Fail)
- #4E6B88 color page →
highlight
#4E6B88
- RGB
- rgb(78 107 136)
- HSL
- hsl(210 27% 42%)
- OKLCH
- oklch(0.517 0.057 249)
WCAG contrast: on white 5.55:1 (AA) · on black 3.78:1 (Fail)
- #462F45 color page →
border
#462F45
- RGB
- rgb(70 47 69)
- HSL
- hsl(303 20% 23%)
- OKLCH
- oklch(0.341 0.049 328)
WCAG contrast: on white 11.97:1 (AAA) · on black 1.75:1 (Fail)
- #1C0904 color page →
text
#1C0904
- RGB
- rgb(28 9 4)
- HSL
- hsl(13 75% 6%)
- OKLCH
- oklch(0.169 0.036 39.5)
WCAG contrast: on white 19.26:1 (AAA) · on black 1.09:1 (Fail)
Export True Grasshopper Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fee6de;
--surface: #cca898;
--muted: #a06f59;
--primary: #767c48;
--secondary: #4b7873;
--accent: #3d7084;
--highlight: #4e6b88;
--border: #462f45;
--text: #1c0904;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fee6de;
--color-surface: #cca898;
--color-muted: #a06f59;
--color-primary: #767c48;
--color-secondary: #4b7873;
--color-accent: #3d7084;
--color-highlight: #4e6b88;
--color-border: #462f45;
--color-text: #1c0904;
}JSON (DTCG tokens)
{
"true-grasshopper-horizon-vx": {
"bg": {
"$type": "color",
"$value": "#fee6de"
},
"surface": {
"$type": "color",
"$value": "#cca898"
},
"muted": {
"$type": "color",
"$value": "#a06f59"
},
"primary": {
"$type": "color",
"$value": "#767c48"
},
"secondary": {
"$type": "color",
"$value": "#4b7873"
},
"accent": {
"$type": "color",
"$value": "#3d7084"
},
"highlight": {
"$type": "color",
"$value": "#4e6b88"
},
"border": {
"$type": "color",
"$value": "#462f45"
},
"text": {
"$type": "color",
"$value": "#1c0904"
}
}
}About this palette
True Grasshopper Horizon is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #FEE6DE, #CCA898, #A06F59, #767C48, #4B7873, #3D7084, #4E6B88, #462F45, #1C0904. APCA contrast score Lc 8.7. 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 True Grasshopper Horizon by OKLab color distance.