Palette · 7 colors · Lc 9.2
Atomic Warm Blue Forge palette
Atomic Warm Blue Forge: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #0A021E, #281871, #4B29B5, #574DE7, #8F85FF, #A9BBFF, #EAF7FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#0A021E
surface
#281871
muted
#4B29B5
primary
#574DE7
secondary
#8F85FF
accent
#A9BBFF
text
#EAF7FF
Colors in Atomic Warm Blue Forge: HEX, RGB, HSL & OKLCH
- #0A021E color page →
bg
#0A021E
- RGB
- rgb(10 2 30)
- HSL
- hsl(257 88% 6%)
- OKLCH
- oklch(0.134 0.062 292.8)
WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)
- #281871 color page →
surface
#281871
- RGB
- rgb(40 24 113)
- HSL
- hsl(251 65% 27%)
- OKLCH
- oklch(0.299 0.142 281.7)
WCAG contrast: on white 14.39:1 (AAA) · on black 1.45:1 (Fail)
- #4B29B5 color page →
muted
#4B29B5
- RGB
- rgb(75 41 181)
- HSL
- hsl(255 63% 44%)
- OKLCH
- oklch(0.423 0.203 284.8)
WCAG contrast: on white 9.19:1 (AAA) · on black 2.28:1 (Fail)
- #574DE7 color page →
primary
#574DE7
- RGB
- rgb(87 77 231)
- HSL
- hsl(244 76% 60%)
- OKLCH
- oklch(0.528 0.223 278.4)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #8F85FF color page →
secondary
#8F85FF
- RGB
- rgb(143 133 255)
- HSL
- hsl(245 100% 76%)
- OKLCH
- oklch(0.682 0.175 284.5)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.96:1 (AA)
- #A9BBFF color page →
accent
#A9BBFF
- RGB
- rgb(169 187 255)
- HSL
- hsl(227 100% 83%)
- OKLCH
- oklch(0.803 0.099 272.6)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.23:1 (AAA)
- #EAF7FF color page →
text
#EAF7FF
- RGB
- rgb(234 247 255)
- HSL
- hsl(203 100% 96%)
- OKLCH
- oklch(0.969 0.017 234.5)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.24:1 (AAA)
Export Atomic Warm Blue Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a021e;
--surface: #281871;
--muted: #4b29b5;
--primary: #574de7;
--secondary: #8f85ff;
--accent: #a9bbff;
--text: #eaf7ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a021e;
--color-surface: #281871;
--color-muted: #4b29b5;
--color-primary: #574de7;
--color-secondary: #8f85ff;
--color-accent: #a9bbff;
--color-text: #eaf7ff;
}JSON (DTCG tokens)
{
"atomic-warm-blue-forge-6x4": {
"bg": {
"$type": "color",
"$value": "#0a021e"
},
"surface": {
"$type": "color",
"$value": "#281871"
},
"muted": {
"$type": "color",
"$value": "#4b29b5"
},
"primary": {
"$type": "color",
"$value": "#574de7"
},
"secondary": {
"$type": "color",
"$value": "#8f85ff"
},
"accent": {
"$type": "color",
"$value": "#a9bbff"
},
"text": {
"$type": "color",
"$value": "#eaf7ff"
}
}
}About this palette
Atomic Warm Blue Forge is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #0A021E, #281871, #4B29B5, #574DE7, #8F85FF, #A9BBFF, #EAF7FF. APCA contrast score Lc 9.2. 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 Atomic Warm Blue Forge by OKLab color distance.