Palette · 5 colors · Lc 10
Mermaid Dreams Atelier palette
Mermaid Dreams Atelier: a 5-color palette (Violet, Cold, UI System, 5 Colors). HEX, RGB, HSL and OKLCH for #F8F9F9, #D5ECEF, #0088B8, #005B93, #001C23, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F9F9
surface
#D5ECEF
primary
#0088B8
accent
#005B93
text
#001C23
Colors in Mermaid Dreams Atelier: HEX, RGB, HSL & OKLCH
- #F8F9F9 color page →
bg
#F8F9F9
- RGB
- rgb(248 249 249)
- HSL
- hsl(180 8% 97%)
- OKLCH
- oklch(0.981 0.001 197.1)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.90:1 (AAA)
- #D5ECEF color page →
surface
#D5ECEF
- RGB
- rgb(213 236 239)
- HSL
- hsl(187 45% 89%)
- OKLCH
- oklch(0.927 0.025 206.2)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.07:1 (AAA)
- #0088B8 color page →
primary
#0088B8
- RGB
- rgb(0 136 184)
- HSL
- hsl(196 100% 36%)
- OKLCH
- oklch(0.589 0.121 232.3)
WCAG contrast: on white 4.02:1 (Fail) · on black 5.21:1 (AA)
- #005B93 color page →
accent
#005B93
- RGB
- rgb(0 91 147)
- HSL
- hsl(203 100% 29%)
- OKLCH
- oklch(0.456 0.116 245.6)
WCAG contrast: on white 7.19:1 (AAA) · on black 2.91:1 (Fail)
- #001C23 color page →
text
#001C23
- RGB
- rgb(0 28 35)
- HSL
- hsl(192 100% 7%)
- OKLCH
- oklch(0.209 0.037 216.8)
WCAG contrast: on white 17.64:1 (AAA) · on black 1.19:1 (Fail)
Export Mermaid Dreams Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f9f9;
--surface: #d5ecef;
--primary: #0088b8;
--accent: #005b93;
--text: #001c23;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f9f9;
--color-surface: #d5ecef;
--color-primary: #0088b8;
--color-accent: #005b93;
--color-text: #001c23;
}JSON (DTCG tokens)
{
"mermaid-dreams-atelier-6sl": {
"bg": {
"$type": "color",
"$value": "#f8f9f9"
},
"surface": {
"$type": "color",
"$value": "#d5ecef"
},
"primary": {
"$type": "color",
"$value": "#0088b8"
},
"accent": {
"$type": "color",
"$value": "#005b93"
},
"text": {
"$type": "color",
"$value": "#001c23"
}
}
}About this palette
Mermaid Dreams Atelier is a 5-color OKLCH-ready palette tagged violet, cold, ui system, 5 colors. Hex values: #F8F9F9, #D5ECEF, #0088B8, #005B93, #001C23. 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 Mermaid Dreams Atelier by OKLab color distance.