Palette · 7 colors · Lc 8.6
Classic Soothing Sapphire Kiln palette
Classic Soothing Sapphire Kiln: a 7-color palette (Violet, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #060A0E, #031524, #1A2F3E, #005686, #3480D5, #9DADE1, #DCE8F3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Dark Mode UI
- UI System
- 7 Colors
bg
#060A0E
surface
#031524
muted
#1A2F3E
primary
#005686
secondary
#3480D5
accent
#9DADE1
text
#DCE8F3
Colors in Classic Soothing Sapphire Kiln: HEX, RGB, HSL & OKLCH
- #060A0E color page →
bg
#060A0E
- RGB
- rgb(6 10 14)
- HSL
- hsl(210 40% 4%)
- OKLCH
- oklch(0.142 0.012 244.9)
WCAG contrast: on white 19.85:1 (AAA) · on black 1.05:1 (Fail)
- #031524 color page →
surface
#031524
- RGB
- rgb(3 21 36)
- HSL
- hsl(207 85% 8%)
- OKLCH
- oklch(0.189 0.04 244.7)
WCAG contrast: on white 18.47:1 (AAA) · on black 1.13:1 (Fail)
- #1A2F3E color page →
muted
#1A2F3E
- RGB
- rgb(26 47 62)
- HSL
- hsl(205 41% 17%)
- OKLCH
- oklch(0.295 0.038 240.9)
WCAG contrast: on white 13.81:1 (AAA) · on black 1.52:1 (Fail)
- #005686 color page →
primary
#005686
- RGB
- rgb(0 86 134)
- HSL
- hsl(201 100% 26%)
- OKLCH
- oklch(0.435 0.105 243)
WCAG contrast: on white 7.84:1 (AAA) · on black 2.67:1 (Fail)
- #3480D5 color page →
secondary
#3480D5
- RGB
- rgb(52 128 213)
- HSL
- hsl(212 66% 52%)
- OKLCH
- oklch(0.595 0.15 253.7)
WCAG contrast: on white 4.04:1 (Fail) · on black 5.19:1 (AA)
- #9DADE1 color page →
accent
#9DADE1
- RGB
- rgb(157 173 225)
- HSL
- hsl(226 53% 75%)
- OKLCH
- oklch(0.754 0.077 271.2)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.49:1 (AAA)
- #DCE8F3 color page →
text
#DCE8F3
- RGB
- rgb(220 232 243)
- HSL
- hsl(209 49% 91%)
- OKLCH
- oklch(0.925 0.02 245.6)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.87:1 (AAA)
Export Classic Soothing Sapphire Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060a0e;
--surface: #031524;
--muted: #1a2f3e;
--primary: #005686;
--secondary: #3480d5;
--accent: #9dade1;
--text: #dce8f3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060a0e;
--color-surface: #031524;
--color-muted: #1a2f3e;
--color-primary: #005686;
--color-secondary: #3480d5;
--color-accent: #9dade1;
--color-text: #dce8f3;
}JSON (DTCG tokens)
{
"classic-soothing-sapphire-kiln-5xi": {
"bg": {
"$type": "color",
"$value": "#060a0e"
},
"surface": {
"$type": "color",
"$value": "#031524"
},
"muted": {
"$type": "color",
"$value": "#1a2f3e"
},
"primary": {
"$type": "color",
"$value": "#005686"
},
"secondary": {
"$type": "color",
"$value": "#3480d5"
},
"accent": {
"$type": "color",
"$value": "#9dade1"
},
"text": {
"$type": "color",
"$value": "#dce8f3"
}
}
}About this palette
Classic Soothing Sapphire Kiln is a 7-color OKLCH-ready palette tagged violet, cold, dark mode ui, ui system, 7 colors. Hex values: #060A0E, #031524, #1A2F3E, #005686, #3480D5, #9DADE1, #DCE8F3. APCA contrast score Lc 8.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 Classic Soothing Sapphire Kiln by OKLab color distance.