Palette · 10 colors · Lc 9.9
Steady Warm Blue Kiln palette
Steady Warm Blue Kiln: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #040417, #1C1C45, #252467, #46409C, #5757CD, #646ADF, #7F8DF9, #A2B4FF, #C1CFFF, #ECF4FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#040417
surface
#1C1C45
muted
#252467
primary
#46409C
secondary
#5757CD
accent
#646ADF
highlight
#7F8DF9
border
#A2B4FF
focus
#C1CFFF
text
#ECF4FF
Colors in Steady Warm Blue Kiln: HEX, RGB, HSL & OKLCH
- #040417 color page →
bg
#040417
- RGB
- rgb(4 4 23)
- HSL
- hsl(240 70% 5%)
- OKLCH
- oklch(0.124 0.044 277.7)
WCAG contrast: on white 20.29:1 (AAA) · on black 1.03:1 (Fail)
- #1C1C45 color page →
surface
#1C1C45
- RGB
- rgb(28 28 69)
- HSL
- hsl(240 42% 19%)
- OKLCH
- oklch(0.252 0.075 279.6)
WCAG contrast: on white 16.13:1 (AAA) · on black 1.30:1 (Fail)
- #252467 color page →
muted
#252467
- RGB
- rgb(37 36 103)
- HSL
- hsl(241 48% 27%)
- OKLCH
- oklch(0.307 0.114 277.9)
WCAG contrast: on white 13.75:1 (AAA) · on black 1.52:1 (Fail)
- #46409C color page →
primary
#46409C
- RGB
- rgb(70 64 156)
- HSL
- hsl(244 42% 43%)
- OKLCH
- oklch(0.431 0.145 281.4)
WCAG contrast: on white 8.48:1 (AAA) · on black 2.47:1 (Fail)
- #5757CD color page →
secondary
#5757CD
- RGB
- rgb(87 87 205)
- HSL
- hsl(240 54% 57%)
- OKLCH
- oklch(0.524 0.178 278.3)
WCAG contrast: on white 5.75:1 (AA) · on black 3.65:1 (Fail)
- #646ADF color page →
accent
#646ADF
- RGB
- rgb(100 106 223)
- HSL
- hsl(237 66% 63%)
- OKLCH
- oklch(0.58 0.175 277.2)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)
- #7F8DF9 color page →
highlight
#7F8DF9
- RGB
- rgb(127 141 249)
- HSL
- hsl(233 91% 74%)
- OKLCH
- oklch(0.681 0.159 275.8)
WCAG contrast: on white 2.96:1 (Fail) · on black 7.08:1 (AAA)
- #A2B4FF color page →
border
#A2B4FF
- RGB
- rgb(162 180 255)
- HSL
- hsl(228 100% 82%)
- OKLCH
- oklch(0.785 0.109 273.3)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.50:1 (AAA)
- #C1CFFF color page →
focus
#C1CFFF
- RGB
- rgb(193 207 255)
- HSL
- hsl(226 100% 88%)
- OKLCH
- oklch(0.86 0.069 272.2)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.63:1 (AAA)
- #ECF4FF color page →
text
#ECF4FF
- RGB
- rgb(236 244 255)
- HSL
- hsl(215 100% 96%)
- OKLCH
- oklch(0.964 0.017 256.3)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.95:1 (AAA)
Export Steady Warm Blue Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #040417;
--surface: #1c1c45;
--muted: #252467;
--primary: #46409c;
--secondary: #5757cd;
--accent: #646adf;
--highlight: #7f8df9;
--border: #a2b4ff;
--focus: #c1cfff;
--text: #ecf4ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #040417;
--color-surface: #1c1c45;
--color-muted: #252467;
--color-primary: #46409c;
--color-secondary: #5757cd;
--color-accent: #646adf;
--color-highlight: #7f8df9;
--color-border: #a2b4ff;
--color-focus: #c1cfff;
--color-text: #ecf4ff;
}JSON (DTCG tokens)
{
"steady-warm-blue-kiln-4jr": {
"bg": {
"$type": "color",
"$value": "#040417"
},
"surface": {
"$type": "color",
"$value": "#1c1c45"
},
"muted": {
"$type": "color",
"$value": "#252467"
},
"primary": {
"$type": "color",
"$value": "#46409c"
},
"secondary": {
"$type": "color",
"$value": "#5757cd"
},
"accent": {
"$type": "color",
"$value": "#646adf"
},
"highlight": {
"$type": "color",
"$value": "#7f8df9"
},
"border": {
"$type": "color",
"$value": "#a2b4ff"
},
"focus": {
"$type": "color",
"$value": "#c1cfff"
},
"text": {
"$type": "color",
"$value": "#ecf4ff"
}
}
}About this palette
Steady Warm Blue Kiln is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #040417, #1C1C45, #252467, #46409C, #5757CD, #646ADF, #7F8DF9, #A2B4FF, #C1CFFF, #ECF4FF. APCA contrast score Lc 9.9. 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 Steady Warm Blue Kiln by OKLab color distance.