Palette · 5 colors · Lc 9.1
Azure Garden palette
Azure Garden: a 5-color palette (Violet, Cold, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #EEF5FA, #0082F5, #BC2A00, #003657, #010C17, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF5FA
surface
#0082F5
primary
#BC2A00
accent
#003657
text
#010C17
Colors in Azure Garden: HEX, RGB, HSL & OKLCH
- #EEF5FA color page →
bg
#EEF5FA
- RGB
- rgb(238 245 250)
- HSL
- hsl(205 55% 96%)
- OKLCH
- oklch(0.966 0.01 238.5)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.07:1 (AAA)
- #0082F5 color page →
surface
#0082F5
- RGB
- rgb(0 130 245)
- HSL
- hsl(208 100% 48%)
- OKLCH
- oklch(0.612 0.196 254.2)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.51:1 (AA)
- #BC2A00 color page →
primary
#BC2A00
- RGB
- rgb(188 42 0)
- HSL
- hsl(13 100% 37%)
- OKLCH
- oklch(0.519 0.187 34)
WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)
- #003657 color page →
accent
#003657
- RGB
- rgb(0 54 87)
- HSL
- hsl(203 100% 17%)
- OKLCH
- oklch(0.32 0.078 243.3)
WCAG contrast: on white 12.61:1 (AAA) · on black 1.66:1 (Fail)
- #010C17 color page →
text
#010C17
- RGB
- rgb(1 12 23)
- HSL
- hsl(210 92% 5%)
- OKLCH
- oklch(0.148 0.032 242.8)
WCAG contrast: on white 19.69:1 (AAA) · on black 1.06:1 (Fail)
Export Azure Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef5fa;
--surface: #0082f5;
--primary: #bc2a00;
--accent: #003657;
--text: #010c17;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef5fa;
--color-surface: #0082f5;
--color-primary: #bc2a00;
--color-accent: #003657;
--color-text: #010c17;
}JSON (DTCG tokens)
{
"azure-garden-377": {
"bg": {
"$type": "color",
"$value": "#eef5fa"
},
"surface": {
"$type": "color",
"$value": "#0082f5"
},
"primary": {
"$type": "color",
"$value": "#bc2a00"
},
"accent": {
"$type": "color",
"$value": "#003657"
},
"text": {
"$type": "color",
"$value": "#010c17"
}
}
}About this palette
Azure Garden is a 5-color OKLCH-ready palette tagged violet, cold, rainbow, 5 colors. Hex values: #EEF5FA, #0082F5, #BC2A00, #003657, #010C17. 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 Azure Garden by OKLab color distance.