Palette · 9 colors · Lc 9.9
True Mykonos System palette
True Mykonos System: a 9-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E4F5FF, #B0DAEE, #7BB8D4, #669EC5, #3D78B1, #005D85, #00485F, #00283F, #000C1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4F5FF
surface
#B0DAEE
muted
#7BB8D4
primary
#669EC5
secondary
#3D78B1
accent
#005D85
highlight
#00485F
border
#00283F
text
#000C1D
Colors in True Mykonos System: HEX, RGB, HSL & OKLCH
- #E4F5FF color page →
bg
#E4F5FF
- RGB
- rgb(228 245 255)
- HSL
- hsl(202 100% 95%)
- OKLCH
- oklch(0.961 0.022 233.4)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.80:1 (AAA)
- #B0DAEE color page →
surface
#B0DAEE
- RGB
- rgb(176 218 238)
- HSL
- hsl(199 65% 81%)
- OKLCH
- oklch(0.865 0.052 228.5)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.10:1 (AAA)
- #7BB8D4 color page →
muted
#7BB8D4
- RGB
- rgb(123 184 212)
- HSL
- hsl(199 51% 66%)
- OKLCH
- oklch(0.751 0.075 228.6)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.64:1 (AAA)
- #669EC5 color page →
primary
#669EC5
- RGB
- rgb(102 158 197)
- HSL
- hsl(205 45% 59%)
- OKLCH
- oklch(0.676 0.083 240)
WCAG contrast: on white 2.89:1 (Fail) · on black 7.26:1 (AAA)
- #3D78B1 color page →
secondary
#3D78B1
- RGB
- rgb(61 120 177)
- HSL
- hsl(209 49% 47%)
- OKLCH
- oklch(0.559 0.108 249.6)
WCAG contrast: on white 4.64:1 (AA) · on black 4.51:1 (AA)
- #005D85 color page →
accent
#005D85
- RGB
- rgb(0 93 133)
- HSL
- hsl(198 100% 26%)
- OKLCH
- oklch(0.453 0.098 236.5)
WCAG contrast: on white 7.23:1 (AAA) · on black 2.90:1 (Fail)
- #00485F color page →
highlight
#00485F
- RGB
- rgb(0 72 95)
- HSL
- hsl(195 100% 19%)
- OKLCH
- oklch(0.375 0.073 227.6)
WCAG contrast: on white 10.03:1 (AAA) · on black 2.09:1 (Fail)
- #00283F color page →
border
#00283F
- RGB
- rgb(0 40 63)
- HSL
- hsl(202 100% 12%)
- OKLCH
- oklch(0.264 0.06 239.9)
WCAG contrast: on white 15.26:1 (AAA) · on black 1.37:1 (Fail)
- #000C1D color page →
text
#000C1D
- RGB
- rgb(0 12 29)
- HSL
- hsl(215 100% 6%)
- OKLCH
- oklch(0.152 0.043 250.3)
WCAG contrast: on white 19.62:1 (AAA) · on black 1.07:1 (Fail)
Export True Mykonos System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4f5ff;
--surface: #b0daee;
--muted: #7bb8d4;
--primary: #669ec5;
--secondary: #3d78b1;
--accent: #005d85;
--highlight: #00485f;
--border: #00283f;
--text: #000c1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4f5ff;
--color-surface: #b0daee;
--color-muted: #7bb8d4;
--color-primary: #669ec5;
--color-secondary: #3d78b1;
--color-accent: #005d85;
--color-highlight: #00485f;
--color-border: #00283f;
--color-text: #000c1d;
}JSON (DTCG tokens)
{
"true-mykonos-system-6bd": {
"bg": {
"$type": "color",
"$value": "#e4f5ff"
},
"surface": {
"$type": "color",
"$value": "#b0daee"
},
"muted": {
"$type": "color",
"$value": "#7bb8d4"
},
"primary": {
"$type": "color",
"$value": "#669ec5"
},
"secondary": {
"$type": "color",
"$value": "#3d78b1"
},
"accent": {
"$type": "color",
"$value": "#005d85"
},
"highlight": {
"$type": "color",
"$value": "#00485f"
},
"border": {
"$type": "color",
"$value": "#00283f"
},
"text": {
"$type": "color",
"$value": "#000c1d"
}
}
}About this palette
True Mykonos System is a 9-color OKLCH-ready palette tagged violet, cold, ocean, nature, 9 colors. Hex values: #E4F5FF, #B0DAEE, #7BB8D4, #669EC5, #3D78B1, #005D85, #00485F, #00283F, #000C1D. APCA contrast score Lc 9.9. 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 Mykonos System by OKLab color distance.