Palette · 4 colors · Lc 8.5
True Azure Cascade palette
True Azure Cascade: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E3E9EF, #007BF5, #7F5E00, #0B1624, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3E9EF
surface
#007BF5
accent
#7F5E00
text
#0B1624
Colors in True Azure Cascade: HEX, RGB, HSL & OKLCH
- #E3E9EF color page →
bg
#E3E9EF
- RGB
- rgb(227 233 239)
- HSL
- hsl(210 27% 91%)
- OKLCH
- oklch(0.931 0.01 247.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.16:1 (AAA)
- #007BF5 color page →
surface
#007BF5
- RGB
- rgb(0 123 245)
- HSL
- hsl(210 100% 48%)
- OKLCH
- oklch(0.597 0.204 256)
WCAG contrast: on white 4.07:1 (Fail) · on black 5.15:1 (AA)
- #7F5E00 color page →
accent
#7F5E00
- RGB
- rgb(127 94 0)
- HSL
- hsl(44 100% 25%)
- OKLCH
- oklch(0.502 0.103 84.6)
WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)
- #0B1624 color page →
text
#0B1624
- RGB
- rgb(11 22 36)
- HSL
- hsl(214 53% 9%)
- OKLCH
- oklch(0.198 0.033 255)
WCAG contrast: on white 18.19:1 (AAA) · on black 1.15:1 (Fail)
Export True Azure Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3e9ef;
--surface: #007bf5;
--accent: #7f5e00;
--text: #0b1624;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3e9ef;
--color-surface: #007bf5;
--color-accent: #7f5e00;
--color-text: #0b1624;
}JSON (DTCG tokens)
{
"true-azure-cascade-1ra": {
"bg": {
"$type": "color",
"$value": "#e3e9ef"
},
"surface": {
"$type": "color",
"$value": "#007bf5"
},
"accent": {
"$type": "color",
"$value": "#7f5e00"
},
"text": {
"$type": "color",
"$value": "#0b1624"
}
}
}About this palette
True Azure Cascade is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #E3E9EF, #007BF5, #7F5E00, #0B1624. 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 True Azure Cascade by OKLab color distance.