Palette · 7 colors · Lc 9.4
Classic Glassmith Bloom palette
Classic Glassmith Bloom: a 7-color palette (Blue, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #DFF3F5, #84CAD1, #00B2C3, #008FA9, #00646D, #003038, #001618, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF3F5
surface
#84CAD1
muted
#00B2C3
primary
#008FA9
secondary
#00646D
accent
#003038
text
#001618
Colors in Classic Glassmith Bloom: HEX, RGB, HSL & OKLCH
- #DFF3F5 color page →
bg
#DFF3F5
- RGB
- rgb(223 243 245)
- HSL
- hsl(185 52% 92%)
- OKLCH
- oklch(0.95 0.021 204)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)
- #84CAD1 color page →
surface
#84CAD1
- RGB
- rgb(132 202 209)
- HSL
- hsl(185 46% 67%)
- OKLCH
- oklch(0.795 0.071 203.8)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.35:1 (AAA)
- #00B2C3 color page →
muted
#00B2C3
- RGB
- rgb(0 178 195)
- HSL
- hsl(185 100% 38%)
- OKLCH
- oklch(0.698 0.12 206.8)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.15:1 (AAA)
- #008FA9 color page →
primary
#008FA9
- RGB
- rgb(0 143 169)
- HSL
- hsl(189 100% 33%)
- OKLCH
- oklch(0.599 0.107 216.6)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.50:1 (AA)
- #00646D color page →
secondary
#00646D
- RGB
- rgb(0 100 109)
- HSL
- hsl(185 100% 21%)
- OKLCH
- oklch(0.459 0.079 205.6)
WCAG contrast: on white 6.89:1 (AA) · on black 3.04:1 (Fail)
- #003038 color page →
accent
#003038
- RGB
- rgb(0 48 56)
- HSL
- hsl(189 100% 11%)
- OKLCH
- oklch(0.284 0.049 212.1)
WCAG contrast: on white 14.19:1 (AAA) · on black 1.47:1 (Fail)
- #001618 color page →
text
#001618
- RGB
- rgb(0 22 24)
- HSL
- hsl(185 100% 5%)
- OKLCH
- oklch(0.182 0.031 202.4)
WCAG contrast: on white 18.61:1 (AAA) · on black 1.12:1 (Fail)
Export Classic Glassmith Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff3f5;
--surface: #84cad1;
--muted: #00b2c3;
--primary: #008fa9;
--secondary: #00646d;
--accent: #003038;
--text: #001618;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff3f5;
--color-surface: #84cad1;
--color-muted: #00b2c3;
--color-primary: #008fa9;
--color-secondary: #00646d;
--color-accent: #003038;
--color-text: #001618;
}JSON (DTCG tokens)
{
"classic-glassmith-bloom-1rh": {
"bg": {
"$type": "color",
"$value": "#dff3f5"
},
"surface": {
"$type": "color",
"$value": "#84cad1"
},
"muted": {
"$type": "color",
"$value": "#00b2c3"
},
"primary": {
"$type": "color",
"$value": "#008fa9"
},
"secondary": {
"$type": "color",
"$value": "#00646d"
},
"accent": {
"$type": "color",
"$value": "#003038"
},
"text": {
"$type": "color",
"$value": "#001618"
}
}
}About this palette
Classic Glassmith Bloom is a 7-color OKLCH-ready palette tagged blue, cold, 7 colors. Hex values: #DFF3F5, #84CAD1, #00B2C3, #008FA9, #00646D, #003038, #001618. APCA contrast score Lc 9.4. 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 Classic Glassmith Bloom by OKLab color distance.