Palette · 10 colors · Lc 10
Homegrown Horizon palette
Homegrown Horizon: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #EDF6DD, #CAD0B4, #A8BE86, #8FA65E, #6A8E4B, #567033, #3D5C19, #204114, #101E06, #030701, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#EDF6DD
surface
#CAD0B4
muted
#A8BE86
primary
#8FA65E
secondary
#6A8E4B
accent
#567033
highlight
#3D5C19
border
#204114
focus
#101E06
text
#030701
Colors in Homegrown Horizon: HEX, RGB, HSL & OKLCH
- #EDF6DD color page →
bg
#EDF6DD
- RGB
- rgb(237 246 221)
- HSL
- hsl(82 58% 92%)
- OKLCH
- oklch(0.96 0.034 123.2)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.82:1 (AAA)
- #CAD0B4 color page →
surface
#CAD0B4
- RGB
- rgb(202 208 180)
- HSL
- hsl(73 23% 76%)
- OKLCH
- oklch(0.845 0.038 117.1)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.19:1 (AAA)
- #A8BE86 color page →
muted
#A8BE86
- RGB
- rgb(168 190 134)
- HSL
- hsl(84 30% 64%)
- OKLCH
- oklch(0.771 0.08 125.6)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.37:1 (AAA)
- #8FA65E color page →
primary
#8FA65E
- RGB
- rgb(143 166 94)
- HSL
- hsl(79 29% 51%)
- OKLCH
- oklch(0.69 0.101 123.5)
WCAG contrast: on white 2.69:1 (Fail) · on black 7.78:1 (AAA)
- #6A8E4B color page →
secondary
#6A8E4B
- RGB
- rgb(106 142 75)
- HSL
- hsl(92 31% 43%)
- OKLCH
- oklch(0.603 0.103 132)
WCAG contrast: on white 3.76:1 (Fail) · on black 5.58:1 (AA)
- #567033 color page →
accent
#567033
- RGB
- rgb(86 112 51)
- HSL
- hsl(86 37% 32%)
- OKLCH
- oklch(0.51 0.093 128.4)
WCAG contrast: on white 5.58:1 (AA) · on black 3.76:1 (Fail)
- #3D5C19 color page →
highlight
#3D5C19
- RGB
- rgb(61 92 25)
- HSL
- hsl(88 57% 23%)
- OKLCH
- oklch(0.435 0.101 131)
WCAG contrast: on white 7.65:1 (AAA) · on black 2.74:1 (Fail)
- #204114 color page →
border
#204114
- RGB
- rgb(32 65 20)
- HSL
- hsl(104 53% 17%)
- OKLCH
- oklch(0.338 0.081 138.3)
WCAG contrast: on white 11.49:1 (AAA) · on black 1.82:1 (Fail)
- #101E06 color page →
focus
#101E06
- RGB
- rgb(16 30 6)
- HSL
- hsl(95 67% 7%)
- OKLCH
- oklch(0.215 0.047 133.8)
WCAG contrast: on white 17.35:1 (AAA) · on black 1.21:1 (Fail)
- #030701 color page →
text
#030701
- RGB
- rgb(3 7 1)
- HSL
- hsl(100 75% 2%)
- OKLCH
- oklch(0.118 0.025 132.7)
WCAG contrast: on white 20.29:1 (AAA) · on black 1.03:1 (Fail)
Export Homegrown Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf6dd;
--surface: #cad0b4;
--muted: #a8be86;
--primary: #8fa65e;
--secondary: #6a8e4b;
--accent: #567033;
--highlight: #3d5c19;
--border: #204114;
--focus: #101e06;
--text: #030701;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf6dd;
--color-surface: #cad0b4;
--color-muted: #a8be86;
--color-primary: #8fa65e;
--color-secondary: #6a8e4b;
--color-accent: #567033;
--color-highlight: #3d5c19;
--color-border: #204114;
--color-focus: #101e06;
--color-text: #030701;
}JSON (DTCG tokens)
{
"homegrown-horizon-5ib": {
"bg": {
"$type": "color",
"$value": "#edf6dd"
},
"surface": {
"$type": "color",
"$value": "#cad0b4"
},
"muted": {
"$type": "color",
"$value": "#a8be86"
},
"primary": {
"$type": "color",
"$value": "#8fa65e"
},
"secondary": {
"$type": "color",
"$value": "#6a8e4b"
},
"accent": {
"$type": "color",
"$value": "#567033"
},
"highlight": {
"$type": "color",
"$value": "#3d5c19"
},
"border": {
"$type": "color",
"$value": "#204114"
},
"focus": {
"$type": "color",
"$value": "#101e06"
},
"text": {
"$type": "color",
"$value": "#030701"
}
}
}About this palette
Homegrown Horizon is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #EDF6DD, #CAD0B4, #A8BE86, #8FA65E, #6A8E4B, #567033, #3D5C19, #204114, #101E06, #030701. APCA contrast score Lc 10. 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 Homegrown Horizon by OKLab color distance.