Palette · 4 colors · Lc 10
True Embarrassed Frog Bloom palette
True Embarrassed Frog Bloom: a 4-color palette (Green, Gray, Warm, UI System). HEX, RGB, HSL and OKLCH for #F9F7F4, #C9B296, #8F6614, #1B1204, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F7F4
surface
#C9B296
accent
#8F6614
text
#1B1204
Colors in True Embarrassed Frog Bloom: HEX, RGB, HSL & OKLCH
- #F9F7F4 color page →
bg
#F9F7F4
- RGB
- rgb(249 247 244)
- HSL
- hsl(36 29% 97%)
- OKLCH
- oklch(0.977 0.005 78.3)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.63:1 (AAA)
- #C9B296 color page →
surface
#C9B296
- RGB
- rgb(201 178 150)
- HSL
- hsl(33 32% 69%)
- OKLCH
- oklch(0.776 0.047 72.5)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.29:1 (AAA)
- #8F6614 color page →
accent
#8F6614
- RGB
- rgb(143 102 20)
- HSL
- hsl(40 75% 32%)
- OKLCH
- oklch(0.539 0.105 78.9)
WCAG contrast: on white 5.14:1 (AA) · on black 4.07:1 (Fail)
- #1B1204 color page →
text
#1B1204
- RGB
- rgb(27 18 4)
- HSL
- hsl(37 74% 6%)
- OKLCH
- oklch(0.19 0.03 78.9)
WCAG contrast: on white 18.50:1 (AAA) · on black 1.13:1 (Fail)
Export True Embarrassed Frog Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f7f4;
--surface: #c9b296;
--accent: #8f6614;
--text: #1b1204;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f7f4;
--color-surface: #c9b296;
--color-accent: #8f6614;
--color-text: #1b1204;
}JSON (DTCG tokens)
{
"true-embarrassed-frog-bloom-42f": {
"bg": {
"$type": "color",
"$value": "#f9f7f4"
},
"surface": {
"$type": "color",
"$value": "#c9b296"
},
"accent": {
"$type": "color",
"$value": "#8f6614"
},
"text": {
"$type": "color",
"$value": "#1b1204"
}
}
}About this palette
True Embarrassed Frog Bloom is a 4-color OKLCH-ready palette tagged green, gray, warm, ui system, 4 colors. Hex values: #F9F7F4, #C9B296, #8F6614, #1B1204. 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 True Embarrassed Frog Bloom by OKLab color distance.