Palette · 7 colors · Lc 8.6
True Azure Studio palette
True Azure Studio: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E0EDF8, #80D1F6, #00ADF1, #0081FF, #0056CE, #002A78, #00193F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0EDF8
surface
#80D1F6
muted
#00ADF1
primary
#0081FF
secondary
#0056CE
accent
#002A78
text
#00193F
Colors in True Azure Studio: HEX, RGB, HSL & OKLCH
- #E0EDF8 color page →
bg
#E0EDF8
- RGB
- rgb(224 237 248)
- HSL
- hsl(207 63% 93%)
- OKLCH
- oklch(0.94 0.02 243.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.63:1 (AAA)
- #80D1F6 color page →
surface
#80D1F6
- RGB
- rgb(128 209 246)
- HSL
- hsl(199 87% 73%)
- OKLCH
- oklch(0.822 0.095 229)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.36:1 (AAA)
- #00ADF1 color page →
muted
#00ADF1
- RGB
- rgb(0 173 241)
- HSL
- hsl(197 100% 47%)
- OKLCH
- oklch(0.707 0.151 235.7)
WCAG contrast: on white 2.54:1 (Fail) · on black 8.24:1 (AAA)
- #0081FF color page →
primary
#0081FF
- RGB
- rgb(0 129 255)
- HSL
- hsl(210 100% 50%)
- OKLCH
- oklch(0.617 0.21 255.9)
WCAG contrast: on white 3.76:1 (Fail) · on black 5.58:1 (AA)
- #0056CE color page →
secondary
#0056CE
- RGB
- rgb(0 86 206)
- HSL
- hsl(215 100% 40%)
- OKLCH
- oklch(0.49 0.199 259.9)
WCAG contrast: on white 6.51:1 (AA) · on black 3.22:1 (Fail)
- #002A78 color page →
accent
#002A78
- RGB
- rgb(0 42 120)
- HSL
- hsl(219 100% 24%)
- OKLCH
- oklch(0.319 0.14 261.3)
WCAG contrast: on white 13.10:1 (AAA) · on black 1.60:1 (Fail)
- #00193F color page →
text
#00193F
- RGB
- rgb(0 25 63)
- HSL
- hsl(216 100% 12%)
- OKLCH
- oklch(0.222 0.08 257.4)
WCAG contrast: on white 17.34:1 (AAA) · on black 1.21:1 (Fail)
Export True Azure Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0edf8;
--surface: #80d1f6;
--muted: #00adf1;
--primary: #0081ff;
--secondary: #0056ce;
--accent: #002a78;
--text: #00193f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0edf8;
--color-surface: #80d1f6;
--color-muted: #00adf1;
--color-primary: #0081ff;
--color-secondary: #0056ce;
--color-accent: #002a78;
--color-text: #00193f;
}JSON (DTCG tokens)
{
"true-azure-studio-77q": {
"bg": {
"$type": "color",
"$value": "#e0edf8"
},
"surface": {
"$type": "color",
"$value": "#80d1f6"
},
"muted": {
"$type": "color",
"$value": "#00adf1"
},
"primary": {
"$type": "color",
"$value": "#0081ff"
},
"secondary": {
"$type": "color",
"$value": "#0056ce"
},
"accent": {
"$type": "color",
"$value": "#002a78"
},
"text": {
"$type": "color",
"$value": "#00193f"
}
}
}About this palette
True Azure Studio is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #E0EDF8, #80D1F6, #00ADF1, #0081FF, #0056CE, #002A78, #00193F. APCA contrast score Lc 8.6. 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 Studio by OKLab color distance.