Palette · 3 colors · Lc 9.5
Steady Frost Fairy Prism palette
Steady Frost Fairy Prism: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #EDF3F6, #BAD1FF, #213743, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF3F6
accent
#BAD1FF
text
#213743
Colors in Steady Frost Fairy Prism: HEX, RGB, HSL & OKLCH
- #EDF3F6 color page →
bg
#EDF3F6
- RGB
- rgb(237 243 246)
- HSL
- hsl(200 33% 95%)
- OKLCH
- oklch(0.96 0.008 228.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.75:1 (AAA)
- #BAD1FF color page →
accent
#BAD1FF
- RGB
- rgb(186 209 255)
- HSL
- hsl(220 100% 86%)
- OKLCH
- oklch(0.859 0.069 264.1)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.65:1 (AAA)
- #213743 color page →
text
#213743
- RGB
- rgb(33 55 67)
- HSL
- hsl(201 34% 20%)
- OKLCH
- oklch(0.324 0.035 233.2)
WCAG contrast: on white 12.40:1 (AAA) · on black 1.69:1 (Fail)
Export Steady Frost Fairy Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf3f6;
--accent: #bad1ff;
--text: #213743;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf3f6;
--color-accent: #bad1ff;
--color-text: #213743;
}JSON (DTCG tokens)
{
"steady-frost-fairy-prism-1ve": {
"bg": {
"$type": "color",
"$value": "#edf3f6"
},
"accent": {
"$type": "color",
"$value": "#bad1ff"
},
"text": {
"$type": "color",
"$value": "#213743"
}
}
}About this palette
Steady Frost Fairy Prism is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #EDF3F6, #BAD1FF, #213743. APCA contrast score Lc 9.5. 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 Frost Fairy Prism by OKLab color distance.