Palette · 3 colors · Lc 9.2
True Crystal Pulse palette
True Crystal Pulse: a 3-color palette (Blue, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #E4F5F3, #9AD3DC, #253834, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4F5F3
accent
#9AD3DC
text
#253834
Colors in True Crystal Pulse: HEX, RGB, HSL & OKLCH
- #E4F5F3 color page →
bg
#E4F5F3
- RGB
- rgb(228 245 243)
- HSL
- hsl(173 46% 93%)
- OKLCH
- oklch(0.957 0.018 188.4)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.65:1 (AAA)
- #9AD3DC color page →
accent
#9AD3DC
- RGB
- rgb(154 211 220)
- HSL
- hsl(188 49% 73%)
- OKLCH
- oklch(0.831 0.06 208.2)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.72:1 (AAA)
- #253834 color page →
text
#253834
- RGB
- rgb(37 56 52)
- HSL
- hsl(167 20% 18%)
- OKLCH
- oklch(0.323 0.026 180.1)
WCAG contrast: on white 12.39:1 (AAA) · on black 1.69:1 (Fail)
Export True Crystal Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4f5f3;
--accent: #9ad3dc;
--text: #253834;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4f5f3;
--color-accent: #9ad3dc;
--color-text: #253834;
}JSON (DTCG tokens)
{
"true-crystal-pulse-3rb": {
"bg": {
"$type": "color",
"$value": "#e4f5f3"
},
"accent": {
"$type": "color",
"$value": "#9ad3dc"
},
"text": {
"$type": "color",
"$value": "#253834"
}
}
}About this palette
True Crystal Pulse is a 3-color OKLCH-ready palette tagged blue, gray, cold, pastel, 3 colors. Hex values: #E4F5F3, #9AD3DC, #253834. 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 True Crystal Pulse by OKLab color distance.