Palette · 8 colors · Lc 8.6
True Embarrassed Frog Tide palette
True Embarrassed Frog Tide: a 8-color palette (Green, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #EDE2DA, #E7C5B3, #D49478, #BF7E4B, #985E00, #794A00, #4B2E04, #1C0D00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDE2DA
surface
#E7C5B3
muted
#D49478
primary
#BF7E4B
secondary
#985E00
accent
#794A00
highlight
#4B2E04
text
#1C0D00
Colors in True Embarrassed Frog Tide: HEX, RGB, HSL & OKLCH
- #EDE2DA color page →
bg
#EDE2DA
- RGB
- rgb(237 226 218)
- HSL
- hsl(25 35% 89%)
- OKLCH
- oklch(0.919 0.016 58.6)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.49:1 (AAA)
- #E7C5B3 color page →
surface
#E7C5B3
- RGB
- rgb(231 197 179)
- HSL
- hsl(21 52% 80%)
- OKLCH
- oklch(0.848 0.046 49.6)
WCAG contrast: on white 1.61:1 (Fail) · on black 13.03:1 (AAA)
- #D49478 color page →
muted
#D49478
- RGB
- rgb(212 148 120)
- HSL
- hsl(18 52% 65%)
- OKLCH
- oklch(0.723 0.087 44.5)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.30:1 (AAA)
- #BF7E4B color page →
primary
#BF7E4B
- RGB
- rgb(191 126 75)
- HSL
- hsl(26 48% 52%)
- OKLCH
- oklch(0.65 0.105 57.6)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.30:1 (AA)
- #985E00 color page →
secondary
#985E00
- RGB
- rgb(152 94 0)
- HSL
- hsl(37 100% 30%)
- OKLCH
- oklch(0.534 0.117 68.6)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #794A00 color page →
accent
#794A00
- RGB
- rgb(121 74 0)
- HSL
- hsl(37 100% 24%)
- OKLCH
- oklch(0.453 0.099 68.8)
WCAG contrast: on white 7.52:1 (AAA) · on black 2.79:1 (Fail)
- #4B2E04 color page →
highlight
#4B2E04
- RGB
- rgb(75 46 4)
- HSL
- hsl(35 90% 15%)
- OKLCH
- oklch(0.329 0.068 70)
WCAG contrast: on white 12.41:1 (AAA) · on black 1.69:1 (Fail)
- #1C0D00 color page →
text
#1C0D00
- RGB
- rgb(28 13 0)
- HSL
- hsl(28 100% 5%)
- OKLCH
- oklch(0.177 0.039 67.6)
WCAG contrast: on white 18.97:1 (AAA) · on black 1.10:1 (Fail)
Export True Embarrassed Frog Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ede2da;
--surface: #e7c5b3;
--muted: #d49478;
--primary: #bf7e4b;
--secondary: #985e00;
--accent: #794a00;
--highlight: #4b2e04;
--text: #1c0d00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ede2da;
--color-surface: #e7c5b3;
--color-muted: #d49478;
--color-primary: #bf7e4b;
--color-secondary: #985e00;
--color-accent: #794a00;
--color-highlight: #4b2e04;
--color-text: #1c0d00;
}JSON (DTCG tokens)
{
"true-embarrassed-frog-tide-4pl": {
"bg": {
"$type": "color",
"$value": "#ede2da"
},
"surface": {
"$type": "color",
"$value": "#e7c5b3"
},
"muted": {
"$type": "color",
"$value": "#d49478"
},
"primary": {
"$type": "color",
"$value": "#bf7e4b"
},
"secondary": {
"$type": "color",
"$value": "#985e00"
},
"accent": {
"$type": "color",
"$value": "#794a00"
},
"highlight": {
"$type": "color",
"$value": "#4b2e04"
},
"text": {
"$type": "color",
"$value": "#1c0d00"
}
}
}About this palette
True Embarrassed Frog Tide is a 8-color OKLCH-ready palette tagged green, warm, 8 colors. Hex values: #EDE2DA, #E7C5B3, #D49478, #BF7E4B, #985E00, #794A00, #4B2E04, #1C0D00. APCA contrast score Lc 8.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 True Embarrassed Frog Tide by OKLab color distance.