Palette · 7 colors · Lc 8.3
True Mermaid Dreams Drift palette
True Mermaid Dreams Drift: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #D8E2E6, #93C8D3, #4FACBF, #0085B2, #236191, #003555, #051B25, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8E2E6
surface
#93C8D3
muted
#4FACBF
primary
#0085B2
secondary
#236191
accent
#003555
text
#051B25
Colors in True Mermaid Dreams Drift: HEX, RGB, HSL & OKLCH
- #D8E2E6 color page →
bg
#D8E2E6
- RGB
- rgb(216 226 230)
- HSL
- hsl(197 22% 87%)
- OKLCH
- oklch(0.906 0.012 223.5)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.94:1 (AAA)
- #93C8D3 color page →
surface
#93C8D3
- RGB
- rgb(147 200 211)
- HSL
- hsl(190 42% 70%)
- OKLCH
- oklch(0.8 0.057 211.9)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.44:1 (AAA)
- #4FACBF color page →
muted
#4FACBF
- RGB
- rgb(79 172 191)
- HSL
- hsl(190 47% 53%)
- OKLCH
- oklch(0.696 0.092 213)
WCAG contrast: on white 2.62:1 (Fail) · on black 7.98:1 (AAA)
- #0085B2 color page →
primary
#0085B2
- RGB
- rgb(0 133 178)
- HSL
- hsl(195 100% 35%)
- OKLCH
- oklch(0.578 0.117 231.1)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.99:1 (AA)
- #236191 color page →
secondary
#236191
- RGB
- rgb(35 97 145)
- HSL
- hsl(206 61% 35%)
- OKLCH
- oklch(0.477 0.1 245.7)
WCAG contrast: on white 6.58:1 (AA) · on black 3.19:1 (Fail)
- #003555 color page →
accent
#003555
- RGB
- rgb(0 53 85)
- HSL
- hsl(203 100% 17%)
- OKLCH
- oklch(0.316 0.076 242.9)
WCAG contrast: on white 12.80:1 (AAA) · on black 1.64:1 (Fail)
- #051B25 color page →
text
#051B25
- RGB
- rgb(5 27 37)
- HSL
- hsl(199 76% 8%)
- OKLCH
- oklch(0.21 0.034 230.4)
WCAG contrast: on white 17.64:1 (AAA) · on black 1.18:1 (Fail)
Export True Mermaid Dreams Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8e2e6;
--surface: #93c8d3;
--muted: #4facbf;
--primary: #0085b2;
--secondary: #236191;
--accent: #003555;
--text: #051b25;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8e2e6;
--color-surface: #93c8d3;
--color-muted: #4facbf;
--color-primary: #0085b2;
--color-secondary: #236191;
--color-accent: #003555;
--color-text: #051b25;
}JSON (DTCG tokens)
{
"true-mermaid-dreams-drift-7jl": {
"bg": {
"$type": "color",
"$value": "#d8e2e6"
},
"surface": {
"$type": "color",
"$value": "#93c8d3"
},
"muted": {
"$type": "color",
"$value": "#4facbf"
},
"primary": {
"$type": "color",
"$value": "#0085b2"
},
"secondary": {
"$type": "color",
"$value": "#236191"
},
"accent": {
"$type": "color",
"$value": "#003555"
},
"text": {
"$type": "color",
"$value": "#051b25"
}
}
}About this palette
True Mermaid Dreams Drift is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #D8E2E6, #93C8D3, #4FACBF, #0085B2, #236191, #003555, #051B25. APCA contrast score Lc 8.3. 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 Mermaid Dreams Drift by OKLab color distance.