Palette · 8 colors · Lc 7.5
Pure Baltic Quartz palette
Pure Baltic Quartz: a 8-color palette (Blue, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #DBE0E1, #98C8C9, #53BBB9, #009B9F, #008584, #006567, #004B4B, #003335, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBE0E1
surface
#98C8C9
muted
#53BBB9
primary
#009B9F
secondary
#008584
accent
#006567
highlight
#004B4B
text
#003335
Colors in Pure Baltic Quartz: HEX, RGB, HSL & OKLCH
- #DBE0E1 color page →
bg
#DBE0E1
- RGB
- rgb(219 224 225)
- HSL
- hsl(190 9% 87%)
- OKLCH
- oklch(0.903 0.006 211)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.76:1 (AAA)
- #98C8C9 color page →
surface
#98C8C9
- RGB
- rgb(152 200 201)
- HSL
- hsl(181 31% 69%)
- OKLCH
- oklch(0.799 0.05 197.8)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.44:1 (AAA)
- #53BBB9 color page →
muted
#53BBB9
- RGB
- rgb(83 187 185)
- HSL
- hsl(179 43% 53%)
- OKLCH
- oklch(0.731 0.096 193.5)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.17:1 (AAA)
- #009B9F color page →
primary
#009B9F
- RGB
- rgb(0 155 159)
- HSL
- hsl(182 100% 31%)
- OKLCH
- oklch(0.626 0.106 198)
WCAG contrast: on white 3.39:1 (Fail) · on black 6.18:1 (AA)
- #008584 color page →
secondary
#008584
- RGB
- rgb(0 133 132)
- HSL
- hsl(180 100% 26%)
- OKLCH
- oklch(0.558 0.095 193.8)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.68:1 (AA)
- #006567 color page →
accent
#006567
- RGB
- rgb(0 101 103)
- HSL
- hsl(181 100% 20%)
- OKLCH
- oklch(0.46 0.078 197.2)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #004B4B color page →
highlight
#004B4B
- RGB
- rgb(0 75 75)
- HSL
- hsl(180 100% 15%)
- OKLCH
- oklch(0.374 0.064 194.8)
WCAG contrast: on white 9.96:1 (AAA) · on black 2.10:1 (Fail)
- #003335 color page →
text
#003335
- RGB
- rgb(0 51 53)
- HSL
- hsl(182 100% 10%)
- OKLCH
- oklch(0.292 0.05 199)
WCAG contrast: on white 13.77:1 (AAA) · on black 1.52:1 (Fail)
Export Pure Baltic Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbe0e1;
--surface: #98c8c9;
--muted: #53bbb9;
--primary: #009b9f;
--secondary: #008584;
--accent: #006567;
--highlight: #004b4b;
--text: #003335;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbe0e1;
--color-surface: #98c8c9;
--color-muted: #53bbb9;
--color-primary: #009b9f;
--color-secondary: #008584;
--color-accent: #006567;
--color-highlight: #004b4b;
--color-text: #003335;
}JSON (DTCG tokens)
{
"pure-baltic-quartz-4bg": {
"bg": {
"$type": "color",
"$value": "#dbe0e1"
},
"surface": {
"$type": "color",
"$value": "#98c8c9"
},
"muted": {
"$type": "color",
"$value": "#53bbb9"
},
"primary": {
"$type": "color",
"$value": "#009b9f"
},
"secondary": {
"$type": "color",
"$value": "#008584"
},
"accent": {
"$type": "color",
"$value": "#006567"
},
"highlight": {
"$type": "color",
"$value": "#004b4b"
},
"text": {
"$type": "color",
"$value": "#003335"
}
}
}About this palette
Pure Baltic Quartz is a 8-color OKLCH-ready palette tagged blue, cold, 8 colors. Hex values: #DBE0E1, #98C8C9, #53BBB9, #009B9F, #008584, #006567, #004B4B, #003335. APCA contrast score Lc 7.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 Pure Baltic Quartz by OKLab color distance.