Palette · 4 colors · Lc 8.3
Mermaid Dreams Kiln palette
Mermaid Dreams Kiln: a 4-color palette (Violet, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #00090C, #07393F, #008BBA, #DAE6E7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Dark Mode UI
- UI System
- 4 Colors
bg
#00090C
surface
#07393F
accent
#008BBA
text
#DAE6E7
Colors in Mermaid Dreams Kiln: HEX, RGB, HSL & OKLCH
- #00090C color page →
bg
#00090C
- RGB
- rgb(0 9 12)
- HSL
- hsl(195 100% 2%)
- OKLCH
- oklch(0.128 0.022 212.5)
WCAG contrast: on white 20.10:1 (AAA) · on black 1.04:1 (Fail)
- #07393F color page →
surface
#07393F
- RGB
- rgb(7 57 63)
- HSL
- hsl(186 80% 14%)
- OKLCH
- oklch(0.317 0.05 207.2)
WCAG contrast: on white 12.60:1 (AAA) · on black 1.66:1 (Fail)
- #008BBA color page →
accent
#008BBA
- RGB
- rgb(0 139 186)
- HSL
- hsl(195 100% 36%)
- OKLCH
- oklch(0.597 0.121 231.2)
WCAG contrast: on white 3.88:1 (Fail) · on black 5.40:1 (AA)
- #DAE6E7 color page →
text
#DAE6E7
- RGB
- rgb(218 230 231)
- HSL
- hsl(185 21% 88%)
- OKLCH
- oklch(0.916 0.013 202.9)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.45:1 (AAA)
Export Mermaid Dreams Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #00090c;
--surface: #07393f;
--accent: #008bba;
--text: #dae6e7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #00090c;
--color-surface: #07393f;
--color-accent: #008bba;
--color-text: #dae6e7;
}JSON (DTCG tokens)
{
"mermaid-dreams-kiln-6d2": {
"bg": {
"$type": "color",
"$value": "#00090c"
},
"surface": {
"$type": "color",
"$value": "#07393f"
},
"accent": {
"$type": "color",
"$value": "#008bba"
},
"text": {
"$type": "color",
"$value": "#dae6e7"
}
}
}About this palette
Mermaid Dreams Kiln is a 4-color OKLCH-ready palette tagged violet, cold, dark mode ui, ui system, 4 colors. Hex values: #00090C, #07393F, #008BBA, #DAE6E7. 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 Mermaid Dreams Kiln by OKLab color distance.