Palette · 10 colors · Lc 10
Embarrassed Frog Archive palette
Embarrassed Frog Archive: a 10-color palette (Green, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #0D0300, #2F1A00, #4C3000, #6C4400, #8C610B, #AA7B40, #C69255, #CEAA89, #E9C7A8, #FFF5E5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0D0300
surface
#2F1A00
muted
#4C3000
primary
#6C4400
secondary
#8C610B
accent
#AA7B40
highlight
#C69255
border
#CEAA89
focus
#E9C7A8
text
#FFF5E5
Colors in Embarrassed Frog Archive: HEX, RGB, HSL & OKLCH
- #0D0300 color page →
bg
#0D0300
- RGB
- rgb(13 3 0)
- HSL
- hsl(14 100% 3%)
- OKLCH
- oklch(0.117 0.029 54.2)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)
- #2F1A00 color page →
surface
#2F1A00
- RGB
- rgb(47 26 0)
- HSL
- hsl(33 100% 9%)
- OKLCH
- oklch(0.241 0.052 69.3)
WCAG contrast: on white 16.55:1 (AAA) · on black 1.26:1 (Fail)
- #4C3000 color page →
muted
#4C3000
- RGB
- rgb(76 48 0)
- HSL
- hsl(38 100% 15%)
- OKLCH
- oklch(0.335 0.071 74)
WCAG contrast: on white 12.13:1 (AAA) · on black 1.73:1 (Fail)
- #6C4400 color page →
primary
#6C4400
- RGB
- rgb(108 68 0)
- HSL
- hsl(38 100% 21%)
- OKLCH
- oklch(0.423 0.091 71.6)
WCAG contrast: on white 8.52:1 (AAA) · on black 2.46:1 (Fail)
- #8C610B color page →
secondary
#8C610B
- RGB
- rgb(140 97 11)
- HSL
- hsl(40 85% 30%)
- OKLCH
- oklch(0.525 0.106 77.3)
WCAG contrast: on white 5.48:1 (AA) · on black 3.82:1 (Fail)
- #AA7B40 color page →
accent
#AA7B40
- RGB
- rgb(170 123 64)
- HSL
- hsl(33 45% 46%)
- OKLCH
- oklch(0.618 0.096 70.6)
WCAG contrast: on white 3.73:1 (Fail) · on black 5.61:1 (AA)
- #C69255 color page →
highlight
#C69255
- RGB
- rgb(198 146 85)
- HSL
- hsl(32 50% 55%)
- OKLCH
- oklch(0.697 0.1 69.3)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.64:1 (AAA)
- #CEAA89 color page →
border
#CEAA89
- RGB
- rgb(206 170 137)
- HSL
- hsl(29 41% 67%)
- OKLCH
- oklch(0.762 0.062 64.2)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.73:1 (AAA)
- #E9C7A8 color page →
focus
#E9C7A8
- RGB
- rgb(233 199 168)
- HSL
- hsl(29 60% 79%)
- OKLCH
- oklch(0.851 0.057 64.3)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.19:1 (AAA)
- #FFF5E5 color page →
text
#FFF5E5
- RGB
- rgb(255 245 229)
- HSL
- hsl(37 100% 95%)
- OKLCH
- oklch(0.974 0.024 79.7)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.44:1 (AAA)
Export Embarrassed Frog Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0300;
--surface: #2f1a00;
--muted: #4c3000;
--primary: #6c4400;
--secondary: #8c610b;
--accent: #aa7b40;
--highlight: #c69255;
--border: #ceaa89;
--focus: #e9c7a8;
--text: #fff5e5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0300;
--color-surface: #2f1a00;
--color-muted: #4c3000;
--color-primary: #6c4400;
--color-secondary: #8c610b;
--color-accent: #aa7b40;
--color-highlight: #c69255;
--color-border: #ceaa89;
--color-focus: #e9c7a8;
--color-text: #fff5e5;
}JSON (DTCG tokens)
{
"embarrassed-frog-archive-6te": {
"bg": {
"$type": "color",
"$value": "#0d0300"
},
"surface": {
"$type": "color",
"$value": "#2f1a00"
},
"muted": {
"$type": "color",
"$value": "#4c3000"
},
"primary": {
"$type": "color",
"$value": "#6c4400"
},
"secondary": {
"$type": "color",
"$value": "#8c610b"
},
"accent": {
"$type": "color",
"$value": "#aa7b40"
},
"highlight": {
"$type": "color",
"$value": "#c69255"
},
"border": {
"$type": "color",
"$value": "#ceaa89"
},
"focus": {
"$type": "color",
"$value": "#e9c7a8"
},
"text": {
"$type": "color",
"$value": "#fff5e5"
}
}
}About this palette
Embarrassed Frog Archive is a 10-color OKLCH-ready palette tagged green, warm, 10 colors. Hex values: #0D0300, #2F1A00, #4C3000, #6C4400, #8C610B, #AA7B40, #C69255, #CEAA89, #E9C7A8, #FFF5E5. APCA contrast score Lc 10. 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 Archive by OKLab color distance.