Palette · 7 colors · Lc 8.8
Pure Windstorm Ribbon palette
Pure Windstorm Ribbon: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #ECF1F7, #AAC9E8, #679AC5, #4E79A4, #294B75, #102743, #030711, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF1F7
surface
#AAC9E8
muted
#679AC5
primary
#4E79A4
secondary
#294B75
accent
#102743
text
#030711
Colors in Pure Windstorm Ribbon: HEX, RGB, HSL & OKLCH
- #ECF1F7 color page →
bg
#ECF1F7
- RGB
- rgb(236 241 247)
- HSL
- hsl(213 41% 95%)
- OKLCH
- oklch(0.956 0.01 252.8)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.49:1 (AAA)
- #AAC9E8 color page →
surface
#AAC9E8
- RGB
- rgb(170 201 232)
- HSL
- hsl(210 57% 79%)
- OKLCH
- oklch(0.823 0.055 248.5)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.22:1 (AAA)
- #679AC5 color page →
muted
#679AC5
- RGB
- rgb(103 154 197)
- HSL
- hsl(207 45% 59%)
- OKLCH
- oklch(0.667 0.084 245)
WCAG contrast: on white 2.99:1 (Fail) · on black 7.00:1 (AAA)
- #4E79A4 color page →
primary
#4E79A4
- RGB
- rgb(78 121 164)
- HSL
- hsl(210 36% 47%)
- OKLCH
- oklch(0.563 0.082 249.5)
WCAG contrast: on white 4.57:1 (AA) · on black 4.59:1 (AA)
- #294B75 color page →
secondary
#294B75
- RGB
- rgb(41 75 117)
- HSL
- hsl(213 48% 31%)
- OKLCH
- oklch(0.408 0.081 254.7)
WCAG contrast: on white 8.90:1 (AAA) · on black 2.35:1 (Fail)
- #102743 color page →
accent
#102743
- RGB
- rgb(16 39 67)
- HSL
- hsl(213 61% 16%)
- OKLCH
- oklch(0.27 0.06 254.6)
WCAG contrast: on white 15.07:1 (AAA) · on black 1.39:1 (Fail)
- #030711 color page →
text
#030711
- RGB
- rgb(3 7 17)
- HSL
- hsl(223 70% 4%)
- OKLCH
- oklch(0.129 0.025 260.2)
WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)
Export Pure Windstorm Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf1f7;
--surface: #aac9e8;
--muted: #679ac5;
--primary: #4e79a4;
--secondary: #294b75;
--accent: #102743;
--text: #030711;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf1f7;
--color-surface: #aac9e8;
--color-muted: #679ac5;
--color-primary: #4e79a4;
--color-secondary: #294b75;
--color-accent: #102743;
--color-text: #030711;
}JSON (DTCG tokens)
{
"pure-windstorm-ribbon-1a5": {
"bg": {
"$type": "color",
"$value": "#ecf1f7"
},
"surface": {
"$type": "color",
"$value": "#aac9e8"
},
"muted": {
"$type": "color",
"$value": "#679ac5"
},
"primary": {
"$type": "color",
"$value": "#4e79a4"
},
"secondary": {
"$type": "color",
"$value": "#294b75"
},
"accent": {
"$type": "color",
"$value": "#102743"
},
"text": {
"$type": "color",
"$value": "#030711"
}
}
}About this palette
Pure Windstorm Ribbon is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #ECF1F7, #AAC9E8, #679AC5, #4E79A4, #294B75, #102743, #030711. APCA contrast score Lc 8.8. 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 Windstorm Ribbon by OKLab color distance.