Palette · 8 colors · Lc 9.7
Steady Embarrassed Frog Archive palette
Steady Embarrassed Frog Archive: a 8-color palette (Green, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F0EFE9, #B5A96E, #9A6800, #864C7F, #015E84, #2B351E, #1E1C10, #070500, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0EFE9
surface
#B5A96E
muted
#9A6800
primary
#864C7F
secondary
#015E84
accent
#2B351E
highlight
#1E1C10
text
#070500
Colors in Steady Embarrassed Frog Archive: HEX, RGB, HSL & OKLCH
- #F0EFE9 color page →
bg
#F0EFE9
- RGB
- rgb(240 239 233)
- HSL
- hsl(51 19% 93%)
- OKLCH
- oklch(0.951 0.008 98.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)
- #B5A96E color page →
surface
#B5A96E
- RGB
- rgb(181 169 110)
- HSL
- hsl(50 32% 57%)
- OKLCH
- oklch(0.731 0.079 98.1)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.86:1 (AAA)
- #9A6800 color page →
muted
#9A6800
- RGB
- rgb(154 104 0)
- HSL
- hsl(41 100% 30%)
- OKLCH
- oklch(0.556 0.117 75.8)
WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)
- #864C7F color page →
primary
#864C7F
- RGB
- rgb(134 76 127)
- HSL
- hsl(307 28% 41%)
- OKLCH
- oklch(0.503 0.105 331.5)
WCAG contrast: on white 6.26:1 (AA) · on black 3.35:1 (Fail)
- #015E84 color page →
secondary
#015E84
- RGB
- rgb(1 94 132)
- HSL
- hsl(197 98% 26%)
- OKLCH
- oklch(0.455 0.096 234.9)
WCAG contrast: on white 7.15:1 (AAA) · on black 2.93:1 (Fail)
- #2B351E color page →
accent
#2B351E
- RGB
- rgb(43 53 30)
- HSL
- hsl(86 28% 16%)
- OKLCH
- oklch(0.313 0.041 127.7)
WCAG contrast: on white 12.87:1 (AAA) · on black 1.63:1 (Fail)
- #1E1C10 color page →
highlight
#1E1C10
- RGB
- rgb(30 28 16)
- HSL
- hsl(51 30% 9%)
- OKLCH
- oklch(0.225 0.022 99.9)
WCAG contrast: on white 17.09:1 (AAA) · on black 1.22:1 (Fail)
- #070500 color page →
text
#070500
- RGB
- rgb(7 5 0)
- HSL
- hsl(43 100% 1%)
- OKLCH
- oklch(0.115 0.024 97.4)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
Export Steady Embarrassed Frog Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0efe9;
--surface: #b5a96e;
--muted: #9a6800;
--primary: #864c7f;
--secondary: #015e84;
--accent: #2b351e;
--highlight: #1e1c10;
--text: #070500;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0efe9;
--color-surface: #b5a96e;
--color-muted: #9a6800;
--color-primary: #864c7f;
--color-secondary: #015e84;
--color-accent: #2b351e;
--color-highlight: #1e1c10;
--color-text: #070500;
}JSON (DTCG tokens)
{
"steady-embarrassed-frog-archive-5tc": {
"bg": {
"$type": "color",
"$value": "#f0efe9"
},
"surface": {
"$type": "color",
"$value": "#b5a96e"
},
"muted": {
"$type": "color",
"$value": "#9a6800"
},
"primary": {
"$type": "color",
"$value": "#864c7f"
},
"secondary": {
"$type": "color",
"$value": "#015e84"
},
"accent": {
"$type": "color",
"$value": "#2b351e"
},
"highlight": {
"$type": "color",
"$value": "#1e1c10"
},
"text": {
"$type": "color",
"$value": "#070500"
}
}
}About this palette
Steady Embarrassed Frog Archive is a 8-color OKLCH-ready palette tagged green, warm, 8 colors. Hex values: #F0EFE9, #B5A96E, #9A6800, #864C7F, #015E84, #2B351E, #1E1C10, #070500. APCA contrast score Lc 9.7. 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 Steady Embarrassed Frog Archive by OKLab color distance.