Palette · 7 colors · Lc 9.5
True Coco Muck Quartz palette
True Coco Muck Quartz: a 7-color palette (Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #E9F9FD, #51A6BB, #267C51, #994E32, #333759, #0C2228, #01070A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F9FD
surface
#51A6BB
muted
#267C51
primary
#994E32
secondary
#333759
accent
#0C2228
text
#01070A
Colors in True Coco Muck Quartz: HEX, RGB, HSL & OKLCH
- #E9F9FD color page →
bg
#E9F9FD
- RGB
- rgb(233 249 253)
- HSL
- hsl(192 83% 95%)
- OKLCH
- oklch(0.971 0.018 214.4)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.43:1 (AAA)
- #51A6BB color page →
surface
#51A6BB
- RGB
- rgb(81 166 187)
- HSL
- hsl(192 44% 53%)
- OKLCH
- oklch(0.681 0.087 216.2)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.52:1 (AAA)
- #267C51 color page →
muted
#267C51
- RGB
- rgb(38 124 81)
- HSL
- hsl(150 53% 32%)
- OKLCH
- oklch(0.524 0.106 157.3)
WCAG contrast: on white 5.14:1 (AA) · on black 4.08:1 (Fail)
- #994E32 color page →
primary
#994E32
- RGB
- rgb(153 78 50)
- HSL
- hsl(16 51% 40%)
- OKLCH
- oklch(0.51 0.108 40.7)
WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)
- #333759 color page →
secondary
#333759
- RGB
- rgb(51 55 89)
- HSL
- hsl(234 27% 27%)
- OKLCH
- oklch(0.349 0.059 277.7)
WCAG contrast: on white 11.46:1 (AAA) · on black 1.83:1 (Fail)
- #0C2228 color page →
accent
#0C2228
- RGB
- rgb(12 34 40)
- HSL
- hsl(193 54% 10%)
- OKLCH
- oklch(0.237 0.03 218)
WCAG contrast: on white 16.46:1 (AAA) · on black 1.27:1 (Fail)
- #01070A color page →
text
#01070A
- RGB
- rgb(1 7 10)
- HSL
- hsl(200 82% 2%)
- OKLCH
- oklch(0.12 0.018 220.3)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
Export True Coco Muck Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f9fd;
--surface: #51a6bb;
--muted: #267c51;
--primary: #994e32;
--secondary: #333759;
--accent: #0c2228;
--text: #01070a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f9fd;
--color-surface: #51a6bb;
--color-muted: #267c51;
--color-primary: #994e32;
--color-secondary: #333759;
--color-accent: #0c2228;
--color-text: #01070a;
}JSON (DTCG tokens)
{
"true-coco-muck-quartz-rs": {
"bg": {
"$type": "color",
"$value": "#e9f9fd"
},
"surface": {
"$type": "color",
"$value": "#51a6bb"
},
"muted": {
"$type": "color",
"$value": "#267c51"
},
"primary": {
"$type": "color",
"$value": "#994e32"
},
"secondary": {
"$type": "color",
"$value": "#333759"
},
"accent": {
"$type": "color",
"$value": "#0c2228"
},
"text": {
"$type": "color",
"$value": "#01070a"
}
}
}About this palette
True Coco Muck Quartz is a 7-color OKLCH-ready palette tagged yellow, warm, 7 colors. Hex values: #E9F9FD, #51A6BB, #267C51, #994E32, #333759, #0C2228, #01070A. 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 True Coco Muck Quartz by OKLab color distance.