Palette · 5 colors · Lc 10
Rogue Waters Quartz palette
Rogue Waters Quartz: a 5-color palette (Blue, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #02090A, #233A39, #557776, #8FAFAF, #ECFBFB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Gray
- Cold
- Monochromatic
- 5 Colors
bg
#02090A
surface
#233A39
primary
#557776
accent
#8FAFAF
text
#ECFBFB
Colors in Rogue Waters Quartz: HEX, RGB, HSL & OKLCH
- #02090A color page →
bg
#02090A
- RGB
- rgb(2 9 10)
- HSL
- hsl(188 67% 2%)
- OKLCH
- oklch(0.13 0.016 203.8)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
- #233A39 color page →
surface
#233A39
- RGB
- rgb(35 58 57)
- HSL
- hsl(177 25% 18%)
- OKLCH
- oklch(0.329 0.029 192.4)
WCAG contrast: on white 12.09:1 (AAA) · on black 1.73:1 (Fail)
- #557776 color page →
primary
#557776
- RGB
- rgb(85 119 118)
- HSL
- hsl(178 17% 40%)
- OKLCH
- oklch(0.543 0.039 193.8)
WCAG contrast: on white 4.89:1 (AA) · on black 4.28:1 (Fail)
- #8FAFAF color page →
accent
#8FAFAF
- RGB
- rgb(143 175 175)
- HSL
- hsl(180 17% 62%)
- OKLCH
- oklch(0.73 0.035 196.4)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.91:1 (AAA)
- #ECFBFB color page →
text
#ECFBFB
- RGB
- rgb(236 251 251)
- HSL
- hsl(180 65% 95%)
- OKLCH
- oklch(0.977 0.016 196.9)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.75:1 (AAA)
Export Rogue Waters Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #02090a;
--surface: #233a39;
--primary: #557776;
--accent: #8fafaf;
--text: #ecfbfb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #02090a;
--color-surface: #233a39;
--color-primary: #557776;
--color-accent: #8fafaf;
--color-text: #ecfbfb;
}JSON (DTCG tokens)
{
"rogue-waters-quartz-3h3": {
"bg": {
"$type": "color",
"$value": "#02090a"
},
"surface": {
"$type": "color",
"$value": "#233a39"
},
"primary": {
"$type": "color",
"$value": "#557776"
},
"accent": {
"$type": "color",
"$value": "#8fafaf"
},
"text": {
"$type": "color",
"$value": "#ecfbfb"
}
}
}About this palette
Rogue Waters Quartz is a 5-color OKLCH-ready palette tagged blue, gray, cold, monochromatic, 5 colors. Hex values: #02090A, #233A39, #557776, #8FAFAF, #ECFBFB. 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 Rogue Waters Quartz by OKLab color distance.