Palette · 3 colors · Lc 9.2
Embarrassed Frog Grove palette
Embarrassed Frog Grove: a 3-color palette (Green, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #FFF2E1, #9B6C18, #130900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF2E1
accent
#9B6C18
text
#130900
Colors in Embarrassed Frog Grove: HEX, RGB, HSL & OKLCH
- #FFF2E1 color page →
bg
#FFF2E1
- RGB
- rgb(255 242 225)
- HSL
- hsl(34 100% 94%)
- OKLCH
- oklch(0.967 0.026 74.8)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
- #9B6C18 color page →
accent
#9B6C18
- RGB
- rgb(155 108 24)
- HSL
- hsl(38 73% 35%)
- OKLCH
- oklch(0.566 0.111 76.1)
WCAG contrast: on white 4.61:1 (AA) · on black 4.55:1 (AA)
- #130900 color page →
text
#130900
- RGB
- rgb(19 9 0)
- HSL
- hsl(28 100% 4%)
- OKLCH
- oklch(0.151 0.032 75)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Embarrassed Frog Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff2e1;
--accent: #9b6c18;
--text: #130900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff2e1;
--color-accent: #9b6c18;
--color-text: #130900;
}JSON (DTCG tokens)
{
"embarrassed-frog-grove-56f": {
"bg": {
"$type": "color",
"$value": "#fff2e1"
},
"accent": {
"$type": "color",
"$value": "#9b6c18"
},
"text": {
"$type": "color",
"$value": "#130900"
}
}
}About this palette
Embarrassed Frog Grove is a 3-color OKLCH-ready palette tagged green, warm, 3 colors. Hex values: #FFF2E1, #9B6C18, #130900. APCA contrast score Lc 9.2. 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 Embarrassed Frog Grove by OKLab color distance.