Palette · 7 colors · Lc 9.6
Glassmith Vault palette
Glassmith Vault: a 7-color palette (Blue, Cold, Monochromatic, 7 Colors). HEX, RGB, HSL and OKLCH for #DCFAFB, #85DAE6, #00B3BC, #00889D, #00616B, #00373D, #030D0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Monochromatic
- 7 Colors
bg
#DCFAFB
surface
#85DAE6
muted
#00B3BC
primary
#00889D
secondary
#00616B
accent
#00373D
text
#030D0F
Colors in Glassmith Vault: HEX, RGB, HSL & OKLCH
- #DCFAFB color page →
bg
#DCFAFB
- RGB
- rgb(220 250 251)
- HSL
- hsl(182 79% 92%)
- OKLCH
- oklch(0.964 0.031 199.1)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.11:1 (AAA)
- #85DAE6 color page →
surface
#85DAE6
- RGB
- rgb(133 218 230)
- HSL
- hsl(187 66% 71%)
- OKLCH
- oklch(0.839 0.084 207.2)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.16:1 (AAA)
- #00B3BC color page →
muted
#00B3BC
- RGB
- rgb(0 179 188)
- HSL
- hsl(183 100% 37%)
- OKLCH
- oklch(0.698 0.119 201.2)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.17:1 (AAA)
- #00889D color page →
primary
#00889D
- RGB
- rgb(0 136 157)
- HSL
- hsl(188 100% 31%)
- OKLCH
- oklch(0.576 0.101 213.5)
WCAG contrast: on white 4.19:1 (Fail) · on black 5.00:1 (AA)
- #00616B color page →
secondary
#00616B
- RGB
- rgb(0 97 107)
- HSL
- hsl(186 100% 21%)
- OKLCH
- oklch(0.45 0.077 207.1)
WCAG contrast: on white 7.18:1 (AAA) · on black 2.92:1 (Fail)
- #00373D color page →
accent
#00373D
- RGB
- rgb(0 55 61)
- HSL
- hsl(186 100% 12%)
- OKLCH
- oklch(0.308 0.053 206.6)
WCAG contrast: on white 13.01:1 (AAA) · on black 1.61:1 (Fail)
- #030D0F color page →
text
#030D0F
- RGB
- rgb(3 13 15)
- HSL
- hsl(190 67% 4%)
- OKLCH
- oklch(0.149 0.018 209.2)
WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)
Export Glassmith Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcfafb;
--surface: #85dae6;
--muted: #00b3bc;
--primary: #00889d;
--secondary: #00616b;
--accent: #00373d;
--text: #030d0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcfafb;
--color-surface: #85dae6;
--color-muted: #00b3bc;
--color-primary: #00889d;
--color-secondary: #00616b;
--color-accent: #00373d;
--color-text: #030d0f;
}JSON (DTCG tokens)
{
"glassmith-vault-4pn": {
"bg": {
"$type": "color",
"$value": "#dcfafb"
},
"surface": {
"$type": "color",
"$value": "#85dae6"
},
"muted": {
"$type": "color",
"$value": "#00b3bc"
},
"primary": {
"$type": "color",
"$value": "#00889d"
},
"secondary": {
"$type": "color",
"$value": "#00616b"
},
"accent": {
"$type": "color",
"$value": "#00373d"
},
"text": {
"$type": "color",
"$value": "#030d0f"
}
}
}About this palette
Glassmith Vault is a 7-color OKLCH-ready palette tagged blue, cold, monochromatic, 7 colors. Hex values: #DCFAFB, #85DAE6, #00B3BC, #00889D, #00616B, #00373D, #030D0F. APCA contrast score Lc 9.6. 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 Glassmith Vault by OKLab color distance.