Palette · 10 colors · Lc 10
True Arctic Tide palette
True Arctic Tide: a 10-color palette (Blue, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #060E11, #061C21, #15353B, #244E58, #3E6670, #5C8D95, #7DA3AB, #96BBC3, #BEDEE0, #EBF4F5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#060E11
surface
#061C21
muted
#15353B
primary
#244E58
secondary
#3E6670
accent
#5C8D95
highlight
#7DA3AB
border
#96BBC3
focus
#BEDEE0
text
#EBF4F5
Colors in True Arctic Tide: HEX, RGB, HSL & OKLCH
- #060E11 color page →
bg
#060E11
- RGB
- rgb(6 14 17)
- HSL
- hsl(196 48% 5%)
- OKLCH
- oklch(0.157 0.015 221.9)
WCAG contrast: on white 19.46:1 (AAA) · on black 1.07:1 (Fail)
- #061C21 color page →
surface
#061C21
- RGB
- rgb(6 28 33)
- HSL
- hsl(191 69% 8%)
- OKLCH
- oklch(0.211 0.03 214.8)
WCAG contrast: on white 17.56:1 (AAA) · on black 1.19:1 (Fail)
- #15353B color page →
muted
#15353B
- RGB
- rgb(21 53 59)
- HSL
- hsl(189 48% 16%)
- OKLCH
- oklch(0.308 0.039 211.5)
WCAG contrast: on white 13.08:1 (AAA) · on black 1.60:1 (Fail)
- #244E58 color page →
primary
#244E58
- RGB
- rgb(36 78 88)
- HSL
- hsl(192 42% 24%)
- OKLCH
- oklch(0.398 0.05 215.3)
WCAG contrast: on white 9.10:1 (AAA) · on black 2.30:1 (Fail)
- #3E6670 color page →
secondary
#3E6670
- RGB
- rgb(62 102 112)
- HSL
- hsl(192 29% 34%)
- OKLCH
- oklch(0.485 0.048 215.4)
WCAG contrast: on white 6.28:1 (AA) · on black 3.33:1 (Fail)
- #5C8D95 color page →
accent
#5C8D95
- RGB
- rgb(92 141 149)
- HSL
- hsl(188 24% 47%)
- OKLCH
- oklch(0.612 0.054 208.8)
WCAG contrast: on white 3.68:1 (Fail) · on black 5.69:1 (AA)
- #7DA3AB color page →
highlight
#7DA3AB
- RGB
- rgb(125 163 171)
- HSL
- hsl(190 21% 58%)
- OKLCH
- oklch(0.69 0.043 212)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.69:1 (AAA)
- #96BBC3 color page →
border
#96BBC3
- RGB
- rgb(150 187 195)
- HSL
- hsl(191 27% 68%)
- OKLCH
- oklch(0.768 0.041 212.3)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.19:1 (AAA)
- #BEDEE0 color page →
focus
#BEDEE0
- RGB
- rgb(190 222 224)
- HSL
- hsl(184 35% 81%)
- OKLCH
- oklch(0.878 0.034 201.2)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.71:1 (AAA)
- #EBF4F5 color page →
text
#EBF4F5
- RGB
- rgb(235 244 245)
- HSL
- hsl(186 33% 94%)
- OKLCH
- oklch(0.961 0.01 204.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.79:1 (AAA)
Export True Arctic Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060e11;
--surface: #061c21;
--muted: #15353b;
--primary: #244e58;
--secondary: #3e6670;
--accent: #5c8d95;
--highlight: #7da3ab;
--border: #96bbc3;
--focus: #bedee0;
--text: #ebf4f5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060e11;
--color-surface: #061c21;
--color-muted: #15353b;
--color-primary: #244e58;
--color-secondary: #3e6670;
--color-accent: #5c8d95;
--color-highlight: #7da3ab;
--color-border: #96bbc3;
--color-focus: #bedee0;
--color-text: #ebf4f5;
}JSON (DTCG tokens)
{
"true-arctic-tide-5ki": {
"bg": {
"$type": "color",
"$value": "#060e11"
},
"surface": {
"$type": "color",
"$value": "#061c21"
},
"muted": {
"$type": "color",
"$value": "#15353b"
},
"primary": {
"$type": "color",
"$value": "#244e58"
},
"secondary": {
"$type": "color",
"$value": "#3e6670"
},
"accent": {
"$type": "color",
"$value": "#5c8d95"
},
"highlight": {
"$type": "color",
"$value": "#7da3ab"
},
"border": {
"$type": "color",
"$value": "#96bbc3"
},
"focus": {
"$type": "color",
"$value": "#bedee0"
},
"text": {
"$type": "color",
"$value": "#ebf4f5"
}
}
}About this palette
True Arctic Tide is a 10-color OKLCH-ready palette tagged blue, gray, cold, 10 colors. Hex values: #060E11, #061C21, #15353B, #244E58, #3E6670, #5C8D95, #7DA3AB, #96BBC3, #BEDEE0, #EBF4F5. APCA contrast score Lc 10. 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 True Arctic Tide by OKLab color distance.