Palette · 3 colors · Lc 9.7
Heavy Brown Horizon palette
Heavy Brown Horizon: a 3-color palette (Green, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #FBF4E4, #7A694E, #070503, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Warm
- Monochromatic
- 3 Colors
bg
#FBF4E4
accent
#7A694E
text
#070503
Colors in Heavy Brown Horizon: HEX, RGB, HSL & OKLCH
- #FBF4E4 color page →
bg
#FBF4E4
- RGB
- rgb(251 244 228)
- HSL
- hsl(42 74% 94%)
- OKLCH
- oklch(0.968 0.022 87.2)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.16:1 (AAA)
- #7A694E color page →
accent
#7A694E
- RGB
- rgb(122 105 78)
- HSL
- hsl(37 22% 39%)
- OKLCH
- oklch(0.53 0.045 79)
WCAG contrast: on white 5.30:1 (AA) · on black 3.95:1 (Fail)
- #070503 color page →
text
#070503
- RGB
- rgb(7 5 3)
- HSL
- hsl(30 40% 2%)
- OKLCH
- oklch(0.117 0.009 73.5)
WCAG contrast: on white 20.34:1 (AAA) · on black 1.03:1 (Fail)
Export Heavy Brown Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbf4e4;
--accent: #7a694e;
--text: #070503;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbf4e4;
--color-accent: #7a694e;
--color-text: #070503;
}JSON (DTCG tokens)
{
"heavy-brown-horizon-5f0": {
"bg": {
"$type": "color",
"$value": "#fbf4e4"
},
"accent": {
"$type": "color",
"$value": "#7a694e"
},
"text": {
"$type": "color",
"$value": "#070503"
}
}
}About this palette
Heavy Brown Horizon is a 3-color OKLCH-ready palette tagged green, gray, warm, monochromatic, 3 colors. Hex values: #FBF4E4, #7A694E, #070503. APCA contrast score Lc 9.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 Heavy Brown Horizon by OKLab color distance.