Palette · 9 colors · Lc 9.1
True Sky Blue System palette
True Sky Blue System: a 9-color palette (Blue, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #ECF6F8, #A0D3DE, #6CB6CD, #28A3BC, #007B92, #00627F, #004759, #002332, #01070B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF6F8
surface
#A0D3DE
muted
#6CB6CD
primary
#28A3BC
secondary
#007B92
accent
#00627F
highlight
#004759
border
#002332
text
#01070B
Colors in True Sky Blue System: HEX, RGB, HSL & OKLCH
- #ECF6F8 color page →
bg
#ECF6F8
- RGB
- rgb(236 246 248)
- HSL
- hsl(190 46% 95%)
- OKLCH
- oklch(0.966 0.011 211)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.10:1 (AAA)
- #A0D3DE color page →
surface
#A0D3DE
- RGB
- rgb(160 211 222)
- HSL
- hsl(191 48% 75%)
- OKLCH
- oklch(0.835 0.055 212.4)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.86:1 (AAA)
- #6CB6CD color page →
muted
#6CB6CD
- RGB
- rgb(108 182 205)
- HSL
- hsl(194 49% 61%)
- OKLCH
- oklch(0.737 0.081 220)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.21:1 (AAA)
- #28A3BC color page →
primary
#28A3BC
- RGB
- rgb(40 163 188)
- HSL
- hsl(190 65% 45%)
- OKLCH
- oklch(0.662 0.108 215.2)
WCAG contrast: on white 2.97:1 (Fail) · on black 7.05:1 (AAA)
- #007B92 color page →
secondary
#007B92
- RGB
- rgb(0 123 146)
- HSL
- hsl(189 100% 29%)
- OKLCH
- oklch(0.537 0.096 216.9)
WCAG contrast: on white 4.94:1 (AA) · on black 4.24:1 (Fail)
- #00627F color page →
accent
#00627F
- RGB
- rgb(0 98 127)
- HSL
- hsl(194 100% 25%)
- OKLCH
- oklch(0.463 0.089 226.8)
WCAG contrast: on white 6.87:1 (AA) · on black 3.05:1 (Fail)
- #004759 color page →
highlight
#004759
- RGB
- rgb(0 71 89)
- HSL
- hsl(192 100% 17%)
- OKLCH
- oklch(0.369 0.068 221.9)
WCAG contrast: on white 10.26:1 (AAA) · on black 2.04:1 (Fail)
- #002332 color page →
border
#002332
- RGB
- rgb(0 35 50)
- HSL
- hsl(198 100% 10%)
- OKLCH
- oklch(0.24 0.048 231.1)
WCAG contrast: on white 16.32:1 (AAA) · on black 1.28:1 (Fail)
- #01070B color page →
text
#01070B
- RGB
- rgb(1 7 11)
- HSL
- hsl(204 83% 2%)
- OKLCH
- oklch(0.121 0.019 226.5)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
Export True Sky Blue System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf6f8;
--surface: #a0d3de;
--muted: #6cb6cd;
--primary: #28a3bc;
--secondary: #007b92;
--accent: #00627f;
--highlight: #004759;
--border: #002332;
--text: #01070b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf6f8;
--color-surface: #a0d3de;
--color-muted: #6cb6cd;
--color-primary: #28a3bc;
--color-secondary: #007b92;
--color-accent: #00627f;
--color-highlight: #004759;
--color-border: #002332;
--color-text: #01070b;
}JSON (DTCG tokens)
{
"true-sky-blue-system-92": {
"bg": {
"$type": "color",
"$value": "#ecf6f8"
},
"surface": {
"$type": "color",
"$value": "#a0d3de"
},
"muted": {
"$type": "color",
"$value": "#6cb6cd"
},
"primary": {
"$type": "color",
"$value": "#28a3bc"
},
"secondary": {
"$type": "color",
"$value": "#007b92"
},
"accent": {
"$type": "color",
"$value": "#00627f"
},
"highlight": {
"$type": "color",
"$value": "#004759"
},
"border": {
"$type": "color",
"$value": "#002332"
},
"text": {
"$type": "color",
"$value": "#01070b"
}
}
}About this palette
True Sky Blue System is a 9-color OKLCH-ready palette tagged blue, cold, 9 colors. Hex values: #ECF6F8, #A0D3DE, #6CB6CD, #28A3BC, #007B92, #00627F, #004759, #002332, #01070B. APCA contrast score Lc 9.1. 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 Sky Blue System by OKLab color distance.