Palette · 8 colors · Lc 8.9
Pure True Sky Blue Drift palette
Pure True Sky Blue Drift: a 8-color palette (Blue, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D7ECEE, #A0DEE5, #47C5CF, #00A4BE, #007C8C, #005766, #003F49, #0C1A1B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D7ECEE
surface
#A0DEE5
muted
#47C5CF
primary
#00A4BE
secondary
#007C8C
accent
#005766
highlight
#003F49
text
#0C1A1B
Colors in Pure True Sky Blue Drift: HEX, RGB, HSL & OKLCH
- #D7ECEE color page →
bg
#D7ECEE
- RGB
- rgb(215 236 238)
- HSL
- hsl(185 40% 89%)
- OKLCH
- oklch(0.928 0.022 203.7)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.12:1 (AAA)
- #A0DEE5 color page →
surface
#A0DEE5
- RGB
- rgb(160 222 229)
- HSL
- hsl(186 57% 76%)
- OKLCH
- oklch(0.861 0.063 204.8)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.07:1 (AAA)
- #47C5CF color page →
muted
#47C5CF
- RGB
- rgb(71 197 207)
- HSL
- hsl(184 59% 55%)
- OKLCH
- oklch(0.759 0.109 202.6)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.15:1 (AAA)
- #00A4BE color page →
primary
#00A4BE
- RGB
- rgb(0 164 190)
- HSL
- hsl(188 100% 37%)
- OKLCH
- oklch(0.661 0.116 214.3)
WCAG contrast: on white 2.97:1 (Fail) · on black 7.05:1 (AAA)
- #007C8C color page →
secondary
#007C8C
- RGB
- rgb(0 124 140)
- HSL
- hsl(187 100% 27%)
- OKLCH
- oklch(0.537 0.093 210.4)
WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)
- #005766 color page →
accent
#005766
- RGB
- rgb(0 87 102)
- HSL
- hsl(189 100% 20%)
- OKLCH
- oklch(0.42 0.074 214.6)
WCAG contrast: on white 8.21:1 (AAA) · on black 2.55:1 (Fail)
- #003F49 color page →
highlight
#003F49
- RGB
- rgb(0 63 73)
- HSL
- hsl(188 100% 14%)
- OKLCH
- oklch(0.338 0.059 212.2)
WCAG contrast: on white 11.62:1 (AAA) · on black 1.80:1 (Fail)
- #0C1A1B color page →
text
#0C1A1B
- RGB
- rgb(12 26 27)
- HSL
- hsl(184 38% 8%)
- OKLCH
- oklch(0.206 0.02 201.6)
WCAG contrast: on white 17.80:1 (AAA) · on black 1.17:1 (Fail)
Export Pure True Sky Blue Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d7ecee;
--surface: #a0dee5;
--muted: #47c5cf;
--primary: #00a4be;
--secondary: #007c8c;
--accent: #005766;
--highlight: #003f49;
--text: #0c1a1b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d7ecee;
--color-surface: #a0dee5;
--color-muted: #47c5cf;
--color-primary: #00a4be;
--color-secondary: #007c8c;
--color-accent: #005766;
--color-highlight: #003f49;
--color-text: #0c1a1b;
}JSON (DTCG tokens)
{
"pure-true-sky-blue-drift-e7": {
"bg": {
"$type": "color",
"$value": "#d7ecee"
},
"surface": {
"$type": "color",
"$value": "#a0dee5"
},
"muted": {
"$type": "color",
"$value": "#47c5cf"
},
"primary": {
"$type": "color",
"$value": "#00a4be"
},
"secondary": {
"$type": "color",
"$value": "#007c8c"
},
"accent": {
"$type": "color",
"$value": "#005766"
},
"highlight": {
"$type": "color",
"$value": "#003f49"
},
"text": {
"$type": "color",
"$value": "#0c1a1b"
}
}
}About this palette
Pure True Sky Blue Drift is a 8-color OKLCH-ready palette tagged blue, cold, 8 colors. Hex values: #D7ECEE, #A0DEE5, #47C5CF, #00A4BE, #007C8C, #005766, #003F49, #0C1A1B. APCA contrast score Lc 8.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 Pure True Sky Blue Drift by OKLab color distance.