Palette · 4 colors · Lc 8.5
Classic Muddy System palette
Classic Muddy System: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #DCF1F6, #0090BC, #9B3D00, #001216, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCF1F6
surface
#0090BC
accent
#9B3D00
text
#001216
Colors in Classic Muddy System: HEX, RGB, HSL & OKLCH
- #DCF1F6 color page →
bg
#DCF1F6
- RGB
- rgb(220 241 246)
- HSL
- hsl(192 59% 91%)
- OKLCH
- oklch(0.944 0.023 213.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #0090BC color page →
surface
#0090BC
- RGB
- rgb(0 144 188)
- HSL
- hsl(194 100% 37%)
- OKLCH
- oklch(0.611 0.12 228.6)
WCAG contrast: on white 3.67:1 (Fail) · on black 5.71:1 (AA)
- #9B3D00 color page →
accent
#9B3D00
- RGB
- rgb(155 61 0)
- HSL
- hsl(24 100% 30%)
- OKLCH
- oklch(0.483 0.139 44.6)
WCAG contrast: on white 6.86:1 (AA) · on black 3.06:1 (Fail)
- #001216 color page →
text
#001216
- RGB
- rgb(0 18 22)
- HSL
- hsl(191 100% 4%)
- OKLCH
- oklch(0.167 0.029 211.6)
WCAG contrast: on white 19.12:1 (AAA) · on black 1.09:1 (Fail)
Export Classic Muddy System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcf1f6;
--surface: #0090bc;
--accent: #9b3d00;
--text: #001216;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcf1f6;
--color-surface: #0090bc;
--color-accent: #9b3d00;
--color-text: #001216;
}JSON (DTCG tokens)
{
"classic-muddy-system-4u6": {
"bg": {
"$type": "color",
"$value": "#dcf1f6"
},
"surface": {
"$type": "color",
"$value": "#0090bc"
},
"accent": {
"$type": "color",
"$value": "#9b3d00"
},
"text": {
"$type": "color",
"$value": "#001216"
}
}
}About this palette
Classic Muddy System is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #DCF1F6, #0090BC, #9B3D00, #001216. APCA contrast score Lc 8.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 Classic Muddy System by OKLab color distance.