Palette · 3 colors · Lc 7.6
Classic Embarrassed Frog Canvas palette
Classic Embarrassed Frog Canvas: a 3-color palette (Green, Gray, Warm, Dark Mode UI). HEX, RGB, HSL and OKLCH for #0B0602, #A06600, #E0E0E0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0B0602
accent
#A06600
text
#E0E0E0
Colors in Classic Embarrassed Frog Canvas: HEX, RGB, HSL & OKLCH
- #0B0602 color page →
bg
#0B0602
- RGB
- rgb(11 6 2)
- HSL
- hsl(27 69% 3%)
- OKLCH
- oklch(0.128 0.017 71.9)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
- #A06600 color page →
accent
#A06600
- RGB
- rgb(160 102 0)
- HSL
- hsl(38 100% 31%)
- OKLCH
- oklch(0.56 0.121 70.8)
WCAG contrast: on white 4.77:1 (AA) · on black 4.39:1 (Fail)
- #E0E0E0 color page →
text
#E0E0E0
- RGB
- rgb(224 224 224)
- HSL
- hsl(0 0% 88%)
- OKLCH
- oklch(0.907 0 0)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.90:1 (AAA)
Export Classic Embarrassed Frog Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b0602;
--accent: #a06600;
--text: #e0e0e0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b0602;
--color-accent: #a06600;
--color-text: #e0e0e0;
}JSON (DTCG tokens)
{
"classic-embarrassed-frog-canvas-1cc": {
"bg": {
"$type": "color",
"$value": "#0b0602"
},
"accent": {
"$type": "color",
"$value": "#a06600"
},
"text": {
"$type": "color",
"$value": "#e0e0e0"
}
}
}About this palette
Classic Embarrassed Frog Canvas is a 3-color OKLCH-ready palette tagged green, gray, warm, dark mode ui, ui system, 3 colors. Hex values: #0B0602, #A06600, #E0E0E0. APCA contrast score Lc 7.6. 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 Classic Embarrassed Frog Canvas by OKLab color distance.