Palette · 9 colors · Lc 9.1
Classic Embarrassed Frog Meadow palette
Classic Embarrassed Frog Meadow: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F5ECE2, #E5CCB5, #D9A57E, #B8854A, #9D6A15, #7C5700, #554900, #402E06, #211100, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5ECE2
surface
#E5CCB5
muted
#D9A57E
primary
#B8854A
secondary
#9D6A15
accent
#7C5700
highlight
#554900
border
#402E06
text
#211100
Colors in Classic Embarrassed Frog Meadow: HEX, RGB, HSL & OKLCH
- #F5ECE2 color page →
bg
#F5ECE2
- RGB
- rgb(245 236 226)
- HSL
- hsl(32 49% 92%)
- OKLCH
- oklch(0.947 0.017 70.5)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.97:1 (AAA)
- #E5CCB5 color page →
surface
#E5CCB5
- RGB
- rgb(229 204 181)
- HSL
- hsl(29 48% 80%)
- OKLCH
- oklch(0.86 0.042 64.9)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.63:1 (AAA)
- #D9A57E color page →
muted
#D9A57E
- RGB
- rgb(217 165 126)
- HSL
- hsl(26 54% 67%)
- OKLCH
- oklch(0.761 0.081 58)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.63:1 (AAA)
- #B8854A color page →
primary
#B8854A
- RGB
- rgb(184 133 74)
- HSL
- hsl(32 44% 51%)
- OKLCH
- oklch(0.655 0.099 68.6)
WCAG contrast: on white 3.23:1 (Fail) · on black 6.49:1 (AA)
- #9D6A15 color page →
secondary
#9D6A15
- RGB
- rgb(157 106 21)
- HSL
- hsl(38 76% 35%)
- OKLCH
- oklch(0.565 0.113 73.6)
WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)
- #7C5700 color page →
accent
#7C5700
- RGB
- rgb(124 87 0)
- HSL
- hsl(42 100% 24%)
- OKLCH
- oklch(0.484 0.1 80)
WCAG contrast: on white 6.52:1 (AA) · on black 3.22:1 (Fail)
- #554900 color page →
highlight
#554900
- RGB
- rgb(85 73 0)
- HSL
- hsl(52 100% 17%)
- OKLCH
- oklch(0.405 0.084 98.4)
WCAG contrast: on white 8.97:1 (AAA) · on black 2.33:1 (Fail)
- #402E06 color page →
border
#402E06
- RGB
- rgb(64 46 6)
- HSL
- hsl(41 83% 14%)
- OKLCH
- oklch(0.314 0.059 82.6)
WCAG contrast: on white 13.03:1 (AAA) · on black 1.61:1 (Fail)
- #211100 color page →
text
#211100
- RGB
- rgb(33 17 0)
- HSL
- hsl(31 100% 6%)
- OKLCH
- oklch(0.196 0.042 69.9)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Classic Embarrassed Frog Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ece2;
--surface: #e5ccb5;
--muted: #d9a57e;
--primary: #b8854a;
--secondary: #9d6a15;
--accent: #7c5700;
--highlight: #554900;
--border: #402e06;
--text: #211100;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ece2;
--color-surface: #e5ccb5;
--color-muted: #d9a57e;
--color-primary: #b8854a;
--color-secondary: #9d6a15;
--color-accent: #7c5700;
--color-highlight: #554900;
--color-border: #402e06;
--color-text: #211100;
}JSON (DTCG tokens)
{
"classic-embarrassed-frog-meadow-7ey": {
"bg": {
"$type": "color",
"$value": "#f5ece2"
},
"surface": {
"$type": "color",
"$value": "#e5ccb5"
},
"muted": {
"$type": "color",
"$value": "#d9a57e"
},
"primary": {
"$type": "color",
"$value": "#b8854a"
},
"secondary": {
"$type": "color",
"$value": "#9d6a15"
},
"accent": {
"$type": "color",
"$value": "#7c5700"
},
"highlight": {
"$type": "color",
"$value": "#554900"
},
"border": {
"$type": "color",
"$value": "#402e06"
},
"text": {
"$type": "color",
"$value": "#211100"
}
}
}About this palette
Classic Embarrassed Frog Meadow is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #F5ECE2, #E5CCB5, #D9A57E, #B8854A, #9D6A15, #7C5700, #554900, #402E06, #211100. APCA contrast score Lc 9.1. 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 Meadow by OKLab color distance.