Palette · 3 colors · Lc 10
True Infinity Pool Quartz palette
True Infinity Pool Quartz: a 3-color palette (Blue, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #E5FCF5, #99D4DF, #283B36, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E5FCF5
accent
#99D4DF
text
#283B36
Colors in True Infinity Pool Quartz: HEX, RGB, HSL & OKLCH
- #E5FCF5 color page →
bg
#E5FCF5
- RGB
- rgb(229 252 245)
- HSL
- hsl(162 79% 94%)
- OKLCH
- oklch(0.972 0.026 175.6)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.57:1 (AAA)
- #99D4DF color page →
accent
#99D4DF
- RGB
- rgb(153 212 223)
- HSL
- hsl(189 52% 74%)
- OKLCH
- oklch(0.833 0.062 210.4)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.83:1 (AAA)
- #283B36 color page →
text
#283B36
- RGB
- rgb(40 59 54)
- HSL
- hsl(164 19% 19%)
- OKLCH
- oklch(0.334 0.026 176.5)
WCAG contrast: on white 11.87:1 (AAA) · on black 1.76:1 (Fail)
Export True Infinity Pool Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5fcf5;
--accent: #99d4df;
--text: #283b36;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5fcf5;
--color-accent: #99d4df;
--color-text: #283b36;
}JSON (DTCG tokens)
{
"true-infinity-pool-quartz-3zj": {
"bg": {
"$type": "color",
"$value": "#e5fcf5"
},
"accent": {
"$type": "color",
"$value": "#99d4df"
},
"text": {
"$type": "color",
"$value": "#283b36"
}
}
}About this palette
True Infinity Pool Quartz is a 3-color OKLCH-ready palette tagged blue, gray, cold, pastel, 3 colors. Hex values: #E5FCF5, #99D4DF, #283B36. 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 True Infinity Pool Quartz by OKLab color distance.