Palette · 8 colors · Lc 9
Classic Glassmith Drift palette
Classic Glassmith Drift: a 8-color palette (Blue, Cold, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #E1F0EF, #8ED6D3, #4ABBBE, #219C9A, #006D6E, #005351, #002D2C, #000C0C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Monochromatic
- 8 Colors
bg
#E1F0EF
surface
#8ED6D3
muted
#4ABBBE
primary
#219C9A
secondary
#006D6E
accent
#005351
highlight
#002D2C
text
#000C0C
Colors in Classic Glassmith Drift: HEX, RGB, HSL & OKLCH
- #E1F0EF color page →
bg
#E1F0EF
- RGB
- rgb(225 240 239)
- HSL
- hsl(176 33% 91%)
- OKLCH
- oklch(0.944 0.016 192.1)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.91:1 (AAA)
- #8ED6D3 color page →
surface
#8ED6D3
- RGB
- rgb(142 214 211)
- HSL
- hsl(177 47% 70%)
- OKLCH
- oklch(0.828 0.072 192.5)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.70:1 (AAA)
- #4ABBBE color page →
muted
#4ABBBE
- RGB
- rgb(74 187 190)
- HSL
- hsl(182 47% 52%)
- OKLCH
- oklch(0.73 0.101 197.6)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.14:1 (AAA)
- #219C9A color page →
primary
#219C9A
- RGB
- rgb(33 156 154)
- HSL
- hsl(179 65% 37%)
- OKLCH
- oklch(0.63 0.101 193.2)
WCAG contrast: on white 3.34:1 (Fail) · on black 6.28:1 (AA)
- #006D6E color page →
secondary
#006D6E
- RGB
- rgb(0 109 110)
- HSL
- hsl(181 100% 22%)
- OKLCH
- oklch(0.485 0.083 195.9)
WCAG contrast: on white 6.15:1 (AA) · on black 3.41:1 (Fail)
- #005351 color page →
accent
#005351
- RGB
- rgb(0 83 81)
- HSL
- hsl(179 100% 16%)
- OKLCH
- oklch(0.4 0.069 192)
WCAG contrast: on white 8.91:1 (AAA) · on black 2.35:1 (Fail)
- #002D2C color page →
highlight
#002D2C
- RGB
- rgb(0 45 44)
- HSL
- hsl(179 100% 9%)
- OKLCH
- oklch(0.269 0.046 192.5)
WCAG contrast: on white 14.87:1 (AAA) · on black 1.41:1 (Fail)
- #000C0C color page →
text
#000C0C
- RGB
- rgb(0 12 12)
- HSL
- hsl(180 100% 2%)
- OKLCH
- oklch(0.14 0.024 194.8)
WCAG contrast: on white 19.85:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Glassmith Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f0ef;
--surface: #8ed6d3;
--muted: #4abbbe;
--primary: #219c9a;
--secondary: #006d6e;
--accent: #005351;
--highlight: #002d2c;
--text: #000c0c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f0ef;
--color-surface: #8ed6d3;
--color-muted: #4abbbe;
--color-primary: #219c9a;
--color-secondary: #006d6e;
--color-accent: #005351;
--color-highlight: #002d2c;
--color-text: #000c0c;
}JSON (DTCG tokens)
{
"classic-glassmith-drift-25b": {
"bg": {
"$type": "color",
"$value": "#e1f0ef"
},
"surface": {
"$type": "color",
"$value": "#8ed6d3"
},
"muted": {
"$type": "color",
"$value": "#4abbbe"
},
"primary": {
"$type": "color",
"$value": "#219c9a"
},
"secondary": {
"$type": "color",
"$value": "#006d6e"
},
"accent": {
"$type": "color",
"$value": "#005351"
},
"highlight": {
"$type": "color",
"$value": "#002d2c"
},
"text": {
"$type": "color",
"$value": "#000c0c"
}
}
}About this palette
Classic Glassmith Drift is a 8-color OKLCH-ready palette tagged blue, cold, monochromatic, 8 colors. Hex values: #E1F0EF, #8ED6D3, #4ABBBE, #219C9A, #006D6E, #005351, #002D2C, #000C0C. APCA contrast score Lc 9. 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 Drift by OKLab color distance.