Palette · 8 colors · Lc 9.5
Steady Coco Muck Brief palette
Steady Coco Muck Brief: a 8-color palette (Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #E2EFEC, #5FB6A7, #008A8E, #4870BA, #925082, #A0481E, #3C3D00, #05110D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2EFEC
surface
#5FB6A7
muted
#008A8E
primary
#4870BA
secondary
#925082
accent
#A0481E
highlight
#3C3D00
text
#05110D
Colors in Steady Coco Muck Brief: HEX, RGB, HSL & OKLCH
- #E2EFEC color page →
bg
#E2EFEC
- RGB
- rgb(226 239 236)
- HSL
- hsl(166 29% 91%)
- OKLCH
- oklch(0.942 0.014 180.7)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
- #5FB6A7 color page →
surface
#5FB6A7
- RGB
- rgb(95 182 167)
- HSL
- hsl(170 37% 54%)
- OKLCH
- oklch(0.718 0.088 181.1)
WCAG contrast: on white 2.40:1 (Fail) · on black 8.73:1 (AAA)
- #008A8E color page →
muted
#008A8E
- RGB
- rgb(0 138 142)
- HSL
- hsl(182 100% 28%)
- OKLCH
- oklch(0.575 0.098 198.4)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.02:1 (AA)
- #4870BA color page →
primary
#4870BA
- RGB
- rgb(72 112 186)
- HSL
- hsl(219 45% 51%)
- OKLCH
- oklch(0.551 0.124 261.7)
WCAG contrast: on white 4.88:1 (AA) · on black 4.30:1 (Fail)
- #925082 color page →
secondary
#925082
- RGB
- rgb(146 80 130)
- HSL
- hsl(315 29% 44%)
- OKLCH
- oklch(0.527 0.11 336.8)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #A0481E color page →
accent
#A0481E
- RGB
- rgb(160 72 30)
- HSL
- hsl(19 68% 37%)
- OKLCH
- oklch(0.509 0.129 43.5)
WCAG contrast: on white 6.10:1 (AA) · on black 3.44:1 (Fail)
- #3C3D00 color page →
highlight
#3C3D00
- RGB
- rgb(60 61 0)
- HSL
- hsl(61 100% 12%)
- OKLCH
- oklch(0.347 0.076 110.8)
WCAG contrast: on white 11.29:1 (AAA) · on black 1.85:1 (Fail)
- #05110D color page →
text
#05110D
- RGB
- rgb(5 17 13)
- HSL
- hsl(160 55% 4%)
- OKLCH
- oklch(0.164 0.021 171.7)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export Steady Coco Muck Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2efec;
--surface: #5fb6a7;
--muted: #008a8e;
--primary: #4870ba;
--secondary: #925082;
--accent: #a0481e;
--highlight: #3c3d00;
--text: #05110d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2efec;
--color-surface: #5fb6a7;
--color-muted: #008a8e;
--color-primary: #4870ba;
--color-secondary: #925082;
--color-accent: #a0481e;
--color-highlight: #3c3d00;
--color-text: #05110d;
}JSON (DTCG tokens)
{
"steady-coco-muck-brief-1ol": {
"bg": {
"$type": "color",
"$value": "#e2efec"
},
"surface": {
"$type": "color",
"$value": "#5fb6a7"
},
"muted": {
"$type": "color",
"$value": "#008a8e"
},
"primary": {
"$type": "color",
"$value": "#4870ba"
},
"secondary": {
"$type": "color",
"$value": "#925082"
},
"accent": {
"$type": "color",
"$value": "#a0481e"
},
"highlight": {
"$type": "color",
"$value": "#3c3d00"
},
"text": {
"$type": "color",
"$value": "#05110d"
}
}
}About this palette
Steady Coco Muck Brief is a 8-color OKLCH-ready palette tagged yellow, warm, 8 colors. Hex values: #E2EFEC, #5FB6A7, #008A8E, #4870BA, #925082, #A0481E, #3C3D00, #05110D. APCA contrast score Lc 9.5. 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 Coco Muck Brief by OKLab color distance.