Palette · 9 colors · Lc 8.5
Magical Merlin Mirror palette
Magical Merlin Mirror: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #DCE2E6, #84D4E7, #00C6D6, #00A3D1, #0087E5, #0068C5, #003F99, #00285B, #001A35, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE2E6
surface
#84D4E7
muted
#00C6D6
primary
#00A3D1
secondary
#0087E5
accent
#0068C5
highlight
#003F99
border
#00285B
text
#001A35
Colors in Magical Merlin Mirror: HEX, RGB, HSL & OKLCH
- #DCE2E6 color page →
bg
#DCE2E6
- RGB
- rgb(220 226 230)
- HSL
- hsl(204 17% 88%)
- OKLCH
- oklch(0.909 0.008 236.6)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.06:1 (AAA)
- #84D4E7 color page →
surface
#84D4E7
- RGB
- rgb(132 212 231)
- HSL
- hsl(192 67% 71%)
- OKLCH
- oklch(0.825 0.083 214.5)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.55:1 (AAA)
- #00C6D6 color page →
muted
#00C6D6
- RGB
- rgb(0 198 214)
- HSL
- hsl(184 100% 42%)
- OKLCH
- oklch(0.754 0.129 205.1)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.04:1 (AAA)
- #00A3D1 color page →
primary
#00A3D1
- RGB
- rgb(0 163 209)
- HSL
- hsl(193 100% 41%)
- OKLCH
- oklch(0.667 0.129 226.9)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.15:1 (AAA)
- #0087E5 color page →
secondary
#0087E5
- RGB
- rgb(0 135 229)
- HSL
- hsl(205 100% 45%)
- OKLCH
- oklch(0.613 0.171 249.5)
WCAG contrast: on white 3.75:1 (Fail) · on black 5.59:1 (AA)
- #0068C5 color page →
accent
#0068C5
- RGB
- rgb(0 104 197)
- HSL
- hsl(208 100% 39%)
- OKLCH
- oklch(0.521 0.166 254)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #003F99 color page →
highlight
#003F99
- RGB
- rgb(0 63 153)
- HSL
- hsl(215 100% 30%)
- OKLCH
- oklch(0.395 0.158 259.6)
WCAG contrast: on white 9.67:1 (AAA) · on black 2.17:1 (Fail)
- #00285B color page →
border
#00285B
- RGB
- rgb(0 40 91)
- HSL
- hsl(214 100% 18%)
- OKLCH
- oklch(0.286 0.101 256.9)
WCAG contrast: on white 14.43:1 (AAA) · on black 1.45:1 (Fail)
- #001A35 color page →
text
#001A35
- RGB
- rgb(0 26 53)
- HSL
- hsl(211 100% 10%)
- OKLCH
- oklch(0.215 0.063 251)
WCAG contrast: on white 17.51:1 (AAA) · on black 1.19:1 (Fail)
Export Magical Merlin Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce2e6;
--surface: #84d4e7;
--muted: #00c6d6;
--primary: #00a3d1;
--secondary: #0087e5;
--accent: #0068c5;
--highlight: #003f99;
--border: #00285b;
--text: #001a35;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce2e6;
--color-surface: #84d4e7;
--color-muted: #00c6d6;
--color-primary: #00a3d1;
--color-secondary: #0087e5;
--color-accent: #0068c5;
--color-highlight: #003f99;
--color-border: #00285b;
--color-text: #001a35;
}JSON (DTCG tokens)
{
"magical-merlin-mirror-6pg": {
"bg": {
"$type": "color",
"$value": "#dce2e6"
},
"surface": {
"$type": "color",
"$value": "#84d4e7"
},
"muted": {
"$type": "color",
"$value": "#00c6d6"
},
"primary": {
"$type": "color",
"$value": "#00a3d1"
},
"secondary": {
"$type": "color",
"$value": "#0087e5"
},
"accent": {
"$type": "color",
"$value": "#0068c5"
},
"highlight": {
"$type": "color",
"$value": "#003f99"
},
"border": {
"$type": "color",
"$value": "#00285b"
},
"text": {
"$type": "color",
"$value": "#001a35"
}
}
}About this palette
Magical Merlin Mirror is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #DCE2E6, #84D4E7, #00C6D6, #00A3D1, #0087E5, #0068C5, #003F99, #00285B, #001A35. 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 Magical Merlin Mirror by OKLab color distance.