Palette · 10 colors · Lc 8.8
Embarrassed Frog Grove palette
Embarrassed Frog Grove: a 10-color palette (Green, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F6E9FD, #C3A8CD, #9A6EAF, #B55A72, #9E6000, #5D6900, #376F3E, #00695D, #073253, #130B16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6E9FD
surface
#C3A8CD
muted
#9A6EAF
primary
#B55A72
secondary
#9E6000
accent
#5D6900
highlight
#376F3E
border
#00695D
focus
#073253
text
#130B16
Colors in Embarrassed Frog Grove: HEX, RGB, HSL & OKLCH
- #F6E9FD color page →
bg
#F6E9FD
- RGB
- rgb(246 233 253)
- HSL
- hsl(279 83% 95%)
- OKLCH
- oklch(0.95 0.03 314)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.99:1 (AAA)
- #C3A8CD color page →
surface
#C3A8CD
- RGB
- rgb(195 168 205)
- HSL
- hsl(284 27% 73%)
- OKLCH
- oklch(0.767 0.06 316.9)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.80:1 (AAA)
- #9A6EAF color page →
muted
#9A6EAF
- RGB
- rgb(154 110 175)
- HSL
- hsl(281 29% 56%)
- OKLCH
- oklch(0.607 0.107 314.4)
WCAG contrast: on white 4.02:1 (Fail) · on black 5.22:1 (AA)
- #B55A72 color page →
primary
#B55A72
- RGB
- rgb(181 90 114)
- HSL
- hsl(344 38% 53%)
- OKLCH
- oklch(0.584 0.12 4.8)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.67:1 (AA)
- #9E6000 color page →
secondary
#9E6000
- RGB
- rgb(158 96 0)
- HSL
- hsl(36 100% 31%)
- OKLCH
- oklch(0.546 0.121 67.1)
WCAG contrast: on white 5.08:1 (AA) · on black 4.12:1 (Fail)
- #5D6900 color page →
accent
#5D6900
- RGB
- rgb(93 105 0)
- HSL
- hsl(67 100% 21%)
- OKLCH
- oklch(0.493 0.114 117.3)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #376F3E color page →
highlight
#376F3E
- RGB
- rgb(55 111 62)
- HSL
- hsl(128 34% 33%)
- OKLCH
- oklch(0.49 0.097 146.6)
WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)
- #00695D color page →
border
#00695D
- RGB
- rgb(0 105 93)
- HSL
- hsl(173 100% 21%)
- OKLCH
- oklch(0.467 0.084 181.4)
WCAG contrast: on white 6.60:1 (AA) · on black 3.17:1 (Fail)
- #073253 color page →
focus
#073253
- RGB
- rgb(7 50 83)
- HSL
- hsl(206 84% 18%)
- OKLCH
- oklch(0.308 0.074 247.2)
WCAG contrast: on white 13.20:1 (AAA) · on black 1.59:1 (Fail)
- #130B16 color page →
text
#130B16
- RGB
- rgb(19 11 22)
- HSL
- hsl(284 33% 6%)
- OKLCH
- oklch(0.166 0.026 316.6)
WCAG contrast: on white 19.31:1 (AAA) · on black 1.08:1 (Fail)
Export Embarrassed Frog Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6e9fd;
--surface: #c3a8cd;
--muted: #9a6eaf;
--primary: #b55a72;
--secondary: #9e6000;
--accent: #5d6900;
--highlight: #376f3e;
--border: #00695d;
--focus: #073253;
--text: #130b16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6e9fd;
--color-surface: #c3a8cd;
--color-muted: #9a6eaf;
--color-primary: #b55a72;
--color-secondary: #9e6000;
--color-accent: #5d6900;
--color-highlight: #376f3e;
--color-border: #00695d;
--color-focus: #073253;
--color-text: #130b16;
}JSON (DTCG tokens)
{
"embarrassed-frog-grove-1qm": {
"bg": {
"$type": "color",
"$value": "#f6e9fd"
},
"surface": {
"$type": "color",
"$value": "#c3a8cd"
},
"muted": {
"$type": "color",
"$value": "#9a6eaf"
},
"primary": {
"$type": "color",
"$value": "#b55a72"
},
"secondary": {
"$type": "color",
"$value": "#9e6000"
},
"accent": {
"$type": "color",
"$value": "#5d6900"
},
"highlight": {
"$type": "color",
"$value": "#376f3e"
},
"border": {
"$type": "color",
"$value": "#00695d"
},
"focus": {
"$type": "color",
"$value": "#073253"
},
"text": {
"$type": "color",
"$value": "#130b16"
}
}
}About this palette
Embarrassed Frog Grove is a 10-color OKLCH-ready palette tagged green, warm, 10 colors. Hex values: #F6E9FD, #C3A8CD, #9A6EAF, #B55A72, #9E6000, #5D6900, #376F3E, #00695D, #073253, #130B16. APCA contrast score Lc 8.8. 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 Embarrassed Frog Grove by OKLab color distance.