Palette · 3 colors · Lc 8.2
True Embarrassed Frog Archive palette
True Embarrassed Frog Archive: a 3-color palette (Green, Gray, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #D8DEE9, #915C00, #090B12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8DEE9
accent
#915C00
text
#090B12
Colors in True Embarrassed Frog Archive: HEX, RGB, HSL & OKLCH
- #D8DEE9 color page →
bg
#D8DEE9
- RGB
- rgb(216 222 233)
- HSL
- hsl(219 28% 88%)
- OKLCH
- oklch(0.899 0.016 262.7)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.54:1 (AAA)
- #915C00 color page →
accent
#915C00
- RGB
- rgb(145 92 0)
- HSL
- hsl(38 100% 28%)
- OKLCH
- oklch(0.521 0.112 70.8)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #090B12 color page →
text
#090B12
- RGB
- rgb(9 11 18)
- HSL
- hsl(227 33% 5%)
- OKLCH
- oklch(0.151 0.015 271.9)
WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)
Export True Embarrassed Frog Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8dee9;
--accent: #915c00;
--text: #090b12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8dee9;
--color-accent: #915c00;
--color-text: #090b12;
}JSON (DTCG tokens)
{
"true-embarrassed-frog-archive-3xm": {
"bg": {
"$type": "color",
"$value": "#d8dee9"
},
"accent": {
"$type": "color",
"$value": "#915c00"
},
"text": {
"$type": "color",
"$value": "#090b12"
}
}
}About this palette
True Embarrassed Frog Archive is a 3-color OKLCH-ready palette tagged green, gray, warm, 3 colors. Hex values: #D8DEE9, #915C00, #090B12. APCA contrast score Lc 8.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 True Embarrassed Frog Archive by OKLab color distance.