Palette · 4 colors · Lc 10
Steady Warm Blue Fog palette
Steady Warm Blue Fog: a 4-color palette (Pink, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #F8F8FB, #A7ADD5, #6156D8, #131328, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8FB
surface
#A7ADD5
accent
#6156D8
text
#131328
Colors in Steady Warm Blue Fog: HEX, RGB, HSL & OKLCH
- #F8F8FB color page →
bg
#F8F8FB
- RGB
- rgb(248 248 251)
- HSL
- hsl(240 27% 98%)
- OKLCH
- oklch(0.98 0.004 286.3)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.81:1 (AAA)
- #A7ADD5 color page →
surface
#A7ADD5
- RGB
- rgb(167 173 213)
- HSL
- hsl(232 35% 75%)
- OKLCH
- oklch(0.757 0.058 278.2)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.58:1 (AAA)
- #6156D8 color page →
accent
#6156D8
- RGB
- rgb(97 86 216)
- HSL
- hsl(245 63% 59%)
- OKLCH
- oklch(0.538 0.192 281.6)
WCAG contrast: on white 5.48:1 (AA) · on black 3.83:1 (Fail)
- #131328 color page →
text
#131328
- RGB
- rgb(19 19 40)
- HSL
- hsl(240 36% 12%)
- OKLCH
- oklch(0.199 0.042 282)
WCAG contrast: on white 18.23:1 (AAA) · on black 1.15:1 (Fail)
Export Steady Warm Blue Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8fb;
--surface: #a7add5;
--accent: #6156d8;
--text: #131328;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8fb;
--color-surface: #a7add5;
--color-accent: #6156d8;
--color-text: #131328;
}JSON (DTCG tokens)
{
"steady-warm-blue-fog-2kt": {
"bg": {
"$type": "color",
"$value": "#f8f8fb"
},
"surface": {
"$type": "color",
"$value": "#a7add5"
},
"accent": {
"$type": "color",
"$value": "#6156d8"
},
"text": {
"$type": "color",
"$value": "#131328"
}
}
}About this palette
Steady Warm Blue Fog is a 4-color OKLCH-ready palette tagged pink, ui system, 4 colors. Hex values: #F8F8FB, #A7ADD5, #6156D8, #131328. APCA contrast score Lc 10. 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 Fog by OKLab color distance.