Palette · 10 colors · Lc 9.5
Thalassophile Tide palette
Thalassophile Tide: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #060F15, #00273C, #00355C, #004E79, #0073AE, #0091C9, #17A8E1, #6BBAE3, #AFE3FF, #DEFAFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#060F15
surface
#00273C
muted
#00355C
primary
#004E79
secondary
#0073AE
accent
#0091C9
highlight
#17A8E1
border
#6BBAE3
focus
#AFE3FF
text
#DEFAFF
Colors in Thalassophile Tide: HEX, RGB, HSL & OKLCH
- #060F15 color page →
bg
#060F15
- RGB
- rgb(6 15 21)
- HSL
- hsl(204 56% 5%)
- OKLCH
- oklch(0.162 0.019 237.1)
WCAG contrast: on white 19.32:1 (AAA) · on black 1.08:1 (Fail)
- #00273C color page →
surface
#00273C
- RGB
- rgb(0 39 60)
- HSL
- hsl(201 100% 12%)
- OKLCH
- oklch(0.259 0.057 238)
WCAG contrast: on white 15.49:1 (AAA) · on black 1.35:1 (Fail)
- #00355C color page →
muted
#00355C
- RGB
- rgb(0 53 92)
- HSL
- hsl(205 100% 18%)
- OKLCH
- oklch(0.321 0.086 247.7)
WCAG contrast: on white 12.62:1 (AAA) · on black 1.66:1 (Fail)
- #004E79 color page →
primary
#004E79
- RGB
- rgb(0 78 121)
- HSL
- hsl(201 100% 24%)
- OKLCH
- oklch(0.407 0.097 242.3)
WCAG contrast: on white 8.87:1 (AAA) · on black 2.36:1 (Fail)
- #0073AE color page →
secondary
#0073AE
- RGB
- rgb(0 115 174)
- HSL
- hsl(200 100% 34%)
- OKLCH
- oklch(0.532 0.126 241.8)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #0091C9 color page →
accent
#0091C9
- RGB
- rgb(0 145 201)
- HSL
- hsl(197 100% 39%)
- OKLCH
- oklch(0.62 0.131 234.9)
WCAG contrast: on white 3.56:1 (Fail) · on black 5.89:1 (AA)
- #17A8E1 color page →
highlight
#17A8E1
- RGB
- rgb(23 168 225)
- HSL
- hsl(197 81% 49%)
- OKLCH
- oklch(0.688 0.137 232.5)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.72:1 (AAA)
- #6BBAE3 color page →
border
#6BBAE3
- RGB
- rgb(107 186 227)
- HSL
- hsl(201 68% 65%)
- OKLCH
- oklch(0.754 0.098 232.7)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.75:1 (AAA)
- #AFE3FF color page →
focus
#AFE3FF
- RGB
- rgb(175 227 255)
- HSL
- hsl(201 100% 84%)
- OKLCH
- oklch(0.889 0.066 232)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.25:1 (AAA)
- #DEFAFF color page →
text
#DEFAFF
- RGB
- rgb(222 250 255)
- HSL
- hsl(189 100% 94%)
- OKLCH
- oklch(0.966 0.03 209.6)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.22:1 (AAA)
Export Thalassophile Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060f15;
--surface: #00273c;
--muted: #00355c;
--primary: #004e79;
--secondary: #0073ae;
--accent: #0091c9;
--highlight: #17a8e1;
--border: #6bbae3;
--focus: #afe3ff;
--text: #defaff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060f15;
--color-surface: #00273c;
--color-muted: #00355c;
--color-primary: #004e79;
--color-secondary: #0073ae;
--color-accent: #0091c9;
--color-highlight: #17a8e1;
--color-border: #6bbae3;
--color-focus: #afe3ff;
--color-text: #defaff;
}JSON (DTCG tokens)
{
"thalassophile-tide-2mw": {
"bg": {
"$type": "color",
"$value": "#060f15"
},
"surface": {
"$type": "color",
"$value": "#00273c"
},
"muted": {
"$type": "color",
"$value": "#00355c"
},
"primary": {
"$type": "color",
"$value": "#004e79"
},
"secondary": {
"$type": "color",
"$value": "#0073ae"
},
"accent": {
"$type": "color",
"$value": "#0091c9"
},
"highlight": {
"$type": "color",
"$value": "#17a8e1"
},
"border": {
"$type": "color",
"$value": "#6bbae3"
},
"focus": {
"$type": "color",
"$value": "#afe3ff"
},
"text": {
"$type": "color",
"$value": "#defaff"
}
}
}About this palette
Thalassophile Tide is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #060F15, #00273C, #00355C, #004E79, #0073AE, #0091C9, #17A8E1, #6BBAE3, #AFE3FF, #DEFAFF. APCA contrast score Lc 9.5. 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 Thalassophile Tide by OKLab color distance.