Palette · 3 colors · Lc 9
Boa Grove palette
Boa Grove: a 3-color palette (Green, Gray, 3 Colors). HEX, RGB, HSL and OKLCH for #F5F2E0, #7B7755, #171407, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F2E0
accent
#7B7755
text
#171407
Colors in Boa Grove: HEX, RGB, HSL & OKLCH
- #F5F2E0 color page →
bg
#F5F2E0
- RGB
- rgb(245 242 224)
- HSL
- hsl(51 51% 92%)
- OKLCH
- oklch(0.959 0.024 99.1)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.65:1 (AAA)
- #7B7755 color page →
accent
#7B7755
- RGB
- rgb(123 119 85)
- HSL
- hsl(54 18% 41%)
- OKLCH
- oklch(0.564 0.049 102.2)
WCAG contrast: on white 4.55:1 (AA) · on black 4.61:1 (AA)
- #171407 color page →
text
#171407
- RGB
- rgb(23 20 7)
- HSL
- hsl(49 53% 6%)
- OKLCH
- oklch(0.191 0.024 97)
WCAG contrast: on white 18.42:1 (AAA) · on black 1.13:1 (Fail)
Export Boa Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f2e0;
--accent: #7b7755;
--text: #171407;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f2e0;
--color-accent: #7b7755;
--color-text: #171407;
}JSON (DTCG tokens)
{
"boa-grove-4a2": {
"bg": {
"$type": "color",
"$value": "#f5f2e0"
},
"accent": {
"$type": "color",
"$value": "#7b7755"
},
"text": {
"$type": "color",
"$value": "#171407"
}
}
}About this palette
Boa Grove is a 3-color OKLCH-ready palette tagged green, gray, 3 colors. Hex values: #F5F2E0, #7B7755, #171407. APCA contrast score Lc 9. 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 Boa Grove by OKLab color distance.