Palette · 9 colors · Lc 9.3
Submerged Drift palette
Submerged Drift: a 9-color palette (Blue, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #EAEFF0, #C2D3D4, #93B4B9, #72979C, #467D84, #26585E, #284144, #13282B, #02090A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Gray
- Cold
- Monochromatic
- 9 Colors
bg
#EAEFF0
surface
#C2D3D4
muted
#93B4B9
primary
#72979C
secondary
#467D84
accent
#26585E
highlight
#284144
border
#13282B
text
#02090A
Colors in Submerged Drift: HEX, RGB, HSL & OKLCH
- #EAEFF0 color page →
bg
#EAEFF0
- RGB
- rgb(234 239 240)
- HSL
- hsl(190 17% 93%)
- OKLCH
- oklch(0.949 0.006 211)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.10:1 (AAA)
- #C2D3D4 color page →
surface
#C2D3D4
- RGB
- rgb(194 211 212)
- HSL
- hsl(183 17% 80%)
- OKLCH
- oklch(0.854 0.018 201.1)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.56:1 (AAA)
- #93B4B9 color page →
muted
#93B4B9
- RGB
- rgb(147 180 185)
- HSL
- hsl(188 21% 65%)
- OKLCH
- oklch(0.747 0.037 207.7)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.46:1 (AAA)
- #72979C color page →
primary
#72979C
- RGB
- rgb(114 151 156)
- HSL
- hsl(187 18% 53%)
- OKLCH
- oklch(0.651 0.041 206.5)
WCAG contrast: on white 3.17:1 (Fail) · on black 6.62:1 (AA)
- #467D84 color page →
secondary
#467D84
- RGB
- rgb(70 125 132)
- HSL
- hsl(187 31% 40%)
- OKLCH
- oklch(0.555 0.059 206.2)
WCAG contrast: on white 4.63:1 (AA) · on black 4.52:1 (AA)
- #26585E color page →
accent
#26585E
- RGB
- rgb(38 88 94)
- HSL
- hsl(186 42% 26%)
- OKLCH
- oklch(0.429 0.054 205.9)
WCAG contrast: on white 7.95:1 (AAA) · on black 2.63:1 (Fail)
- #284144 color page →
highlight
#284144
- RGB
- rgb(40 65 68)
- HSL
- hsl(186 26% 21%)
- OKLCH
- oklch(0.356 0.031 205.4)
WCAG contrast: on white 10.88:1 (AAA) · on black 1.92:1 (Fail)
- #13282B color page →
border
#13282B
- RGB
- rgb(19 40 43)
- HSL
- hsl(188 39% 12%)
- OKLCH
- oklch(0.261 0.027 207.4)
WCAG contrast: on white 15.37:1 (AAA) · on black 1.36:1 (Fail)
- #02090A color page →
text
#02090A
- RGB
- rgb(2 9 10)
- HSL
- hsl(188 67% 2%)
- OKLCH
- oklch(0.13 0.016 203.8)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
Export Submerged Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaeff0;
--surface: #c2d3d4;
--muted: #93b4b9;
--primary: #72979c;
--secondary: #467d84;
--accent: #26585e;
--highlight: #284144;
--border: #13282b;
--text: #02090a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaeff0;
--color-surface: #c2d3d4;
--color-muted: #93b4b9;
--color-primary: #72979c;
--color-secondary: #467d84;
--color-accent: #26585e;
--color-highlight: #284144;
--color-border: #13282b;
--color-text: #02090a;
}JSON (DTCG tokens)
{
"submerged-drift-7b4": {
"bg": {
"$type": "color",
"$value": "#eaeff0"
},
"surface": {
"$type": "color",
"$value": "#c2d3d4"
},
"muted": {
"$type": "color",
"$value": "#93b4b9"
},
"primary": {
"$type": "color",
"$value": "#72979c"
},
"secondary": {
"$type": "color",
"$value": "#467d84"
},
"accent": {
"$type": "color",
"$value": "#26585e"
},
"highlight": {
"$type": "color",
"$value": "#284144"
},
"border": {
"$type": "color",
"$value": "#13282b"
},
"text": {
"$type": "color",
"$value": "#02090a"
}
}
}About this palette
Submerged Drift is a 9-color OKLCH-ready palette tagged blue, gray, cold, monochromatic, 9 colors. Hex values: #EAEFF0, #C2D3D4, #93B4B9, #72979C, #467D84, #26585E, #284144, #13282B, #02090A. APCA contrast score Lc 9.3. 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 Submerged Drift by OKLab color distance.