Palette · 4 colors · Lc 8
Classic Celestial Tide palette
Classic Celestial Tide: a 4-color palette (Blue, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #01070A, #1E3940, #007A99, #DEE5E8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#01070A
surface
#1E3940
accent
#007A99
text
#DEE5E8
Colors in Classic Celestial Tide: HEX, RGB, HSL & OKLCH
- #01070A color page →
bg
#01070A
- RGB
- rgb(1 7 10)
- HSL
- hsl(200 82% 2%)
- OKLCH
- oklch(0.12 0.018 220.3)
WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)
- #1E3940 color page →
surface
#1E3940
- RGB
- rgb(30 57 64)
- HSL
- hsl(192 36% 18%)
- OKLCH
- oklch(0.326 0.035 216.3)
WCAG contrast: on white 12.24:1 (AAA) · on black 1.71:1 (Fail)
- #007A99 color page →
accent
#007A99
- RGB
- rgb(0 122 153)
- HSL
- hsl(192 100% 30%)
- OKLCH
- oklch(0.538 0.101 223.6)
WCAG contrast: on white 4.94:1 (AA) · on black 4.24:1 (Fail)
- #DEE5E8 color page →
text
#DEE5E8
- RGB
- rgb(222 229 232)
- HSL
- hsl(198 18% 89%)
- OKLCH
- oklch(0.917 0.009 225.1)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.47:1 (AAA)
Export Classic Celestial Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #01070a;
--surface: #1e3940;
--accent: #007a99;
--text: #dee5e8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #01070a;
--color-surface: #1e3940;
--color-accent: #007a99;
--color-text: #dee5e8;
}JSON (DTCG tokens)
{
"classic-celestial-tide-2fz": {
"bg": {
"$type": "color",
"$value": "#01070a"
},
"surface": {
"$type": "color",
"$value": "#1e3940"
},
"accent": {
"$type": "color",
"$value": "#007a99"
},
"text": {
"$type": "color",
"$value": "#dee5e8"
}
}
}About this palette
Classic Celestial Tide is a 4-color OKLCH-ready palette tagged blue, gray, cold, dark mode ui, ui system, 4 colors. Hex values: #01070A, #1E3940, #007A99, #DEE5E8. APCA contrast score Lc 8. 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 Celestial Tide by OKLab color distance.