Palette · 8 colors · Lc 9.3
Azure Forge palette
Azure Forge: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D9EDFF, #A2CAFF, #6FA2FF, #407FFC, #4156D4, #1A3A9C, #071354, #050A18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9EDFF
surface
#A2CAFF
muted
#6FA2FF
primary
#407FFC
secondary
#4156D4
accent
#1A3A9C
highlight
#071354
text
#050A18
Colors in Azure Forge: HEX, RGB, HSL & OKLCH
- #D9EDFF color page →
bg
#D9EDFF
- RGB
- rgb(217 237 255)
- HSL
- hsl(208 100% 93%)
- OKLCH
- oklch(0.937 0.032 245.3)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.50:1 (AAA)
- #A2CAFF color page →
surface
#A2CAFF
- RGB
- rgb(162 202 255)
- HSL
- hsl(214 100% 82%)
- OKLCH
- oklch(0.829 0.086 255.6)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.42:1 (AAA)
- #6FA2FF color page →
muted
#6FA2FF
- RGB
- rgb(111 162 255)
- HSL
- hsl(219 100% 72%)
- OKLCH
- oklch(0.717 0.147 261.6)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.28:1 (AAA)
- #407FFC color page →
primary
#407FFC
- RGB
- rgb(64 127 252)
- HSL
- hsl(220 97% 62%)
- OKLCH
- oklch(0.623 0.198 262.2)
WCAG contrast: on white 3.71:1 (Fail) · on black 5.65:1 (AA)
- #4156D4 color page →
secondary
#4156D4
- RGB
- rgb(65 86 212)
- HSL
- hsl(231 63% 54%)
- OKLCH
- oklch(0.514 0.194 270.7)
WCAG contrast: on white 5.98:1 (AA) · on black 3.50:1 (Fail)
- #1A3A9C color page →
accent
#1A3A9C
- RGB
- rgb(26 58 156)
- HSL
- hsl(225 71% 36%)
- OKLCH
- oklch(0.394 0.164 265.3)
WCAG contrast: on white 9.86:1 (AAA) · on black 2.12:1 (Fail)
- #071354 color page →
highlight
#071354
- RGB
- rgb(7 19 84)
- HSL
- hsl(231 85% 18%)
- OKLCH
- oklch(0.235 0.117 266.9)
WCAG contrast: on white 17.07:1 (AAA) · on black 1.23:1 (Fail)
- #050A18 color page →
text
#050A18
- RGB
- rgb(5 10 24)
- HSL
- hsl(224 66% 6%)
- OKLCH
- oklch(0.148 0.032 265.1)
WCAG contrast: on white 19.75:1 (AAA) · on black 1.06:1 (Fail)
Export Azure Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9edff;
--surface: #a2caff;
--muted: #6fa2ff;
--primary: #407ffc;
--secondary: #4156d4;
--accent: #1a3a9c;
--highlight: #071354;
--text: #050a18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9edff;
--color-surface: #a2caff;
--color-muted: #6fa2ff;
--color-primary: #407ffc;
--color-secondary: #4156d4;
--color-accent: #1a3a9c;
--color-highlight: #071354;
--color-text: #050a18;
}JSON (DTCG tokens)
{
"azure-forge-60o": {
"bg": {
"$type": "color",
"$value": "#d9edff"
},
"surface": {
"$type": "color",
"$value": "#a2caff"
},
"muted": {
"$type": "color",
"$value": "#6fa2ff"
},
"primary": {
"$type": "color",
"$value": "#407ffc"
},
"secondary": {
"$type": "color",
"$value": "#4156d4"
},
"accent": {
"$type": "color",
"$value": "#1a3a9c"
},
"highlight": {
"$type": "color",
"$value": "#071354"
},
"text": {
"$type": "color",
"$value": "#050a18"
}
}
}About this palette
Azure Forge is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #D9EDFF, #A2CAFF, #6FA2FF, #407FFC, #4156D4, #1A3A9C, #071354, #050A18. APCA contrast score Lc 9.3. 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 Forge by OKLab color distance.