Palette · 9 colors · Lc 7.5
Steady Flood Tide palette
Steady Flood Tide: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D7E0F4, #B4CCEB, #90B6E4, #6C96CD, #5F74B0, #4A598D, #444674, #202A4D, #0F1324, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D7E0F4
surface
#B4CCEB
muted
#90B6E4
primary
#6C96CD
secondary
#5F74B0
accent
#4A598D
highlight
#444674
border
#202A4D
text
#0F1324
Colors in Steady Flood Tide: HEX, RGB, HSL & OKLCH
- #D7E0F4 color page →
bg
#D7E0F4
- RGB
- rgb(215 224 244)
- HSL
- hsl(221 57% 90%)
- OKLCH
- oklch(0.906 0.029 266.4)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.85:1 (AAA)
- #B4CCEB color page →
surface
#B4CCEB
- RGB
- rgb(180 204 235)
- HSL
- hsl(214 58% 81%)
- OKLCH
- oklch(0.837 0.051 254.9)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.77:1 (AAA)
- #90B6E4 color page →
muted
#90B6E4
- RGB
- rgb(144 182 228)
- HSL
- hsl(213 61% 73%)
- OKLCH
- oklch(0.765 0.078 253.5)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.99:1 (AAA)
- #6C96CD color page →
primary
#6C96CD
- RGB
- rgb(108 150 205)
- HSL
- hsl(214 49% 61%)
- OKLCH
- oklch(0.665 0.094 255.5)
WCAG contrast: on white 3.05:1 (Fail) · on black 6.88:1 (AA)
- #5F74B0 color page →
secondary
#5F74B0
- RGB
- rgb(95 116 176)
- HSL
- hsl(224 34% 53%)
- OKLCH
- oklch(0.568 0.096 268.6)
WCAG contrast: on white 4.55:1 (AA) · on black 4.61:1 (AA)
- #4A598D color page →
accent
#4A598D
- RGB
- rgb(74 89 141)
- HSL
- hsl(227 31% 42%)
- OKLCH
- oklch(0.475 0.086 270.6)
WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)
- #444674 color page →
highlight
#444674
- RGB
- rgb(68 70 116)
- HSL
- hsl(237 26% 36%)
- OKLCH
- oklch(0.414 0.076 280.6)
WCAG contrast: on white 8.84:1 (AAA) · on black 2.37:1 (Fail)
- #202A4D color page →
border
#202A4D
- RGB
- rgb(32 42 77)
- HSL
- hsl(227 41% 21%)
- OKLCH
- oklch(0.295 0.065 270)
WCAG contrast: on white 14.00:1 (AAA) · on black 1.49:1 (Fail)
- #0F1324 color page →
text
#0F1324
- RGB
- rgb(15 19 36)
- HSL
- hsl(229 41% 10%)
- OKLCH
- oklch(0.192 0.035 272.7)
WCAG contrast: on white 18.43:1 (AAA) · on black 1.13:1 (Fail)
Export Steady Flood Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d7e0f4;
--surface: #b4cceb;
--muted: #90b6e4;
--primary: #6c96cd;
--secondary: #5f74b0;
--accent: #4a598d;
--highlight: #444674;
--border: #202a4d;
--text: #0f1324;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d7e0f4;
--color-surface: #b4cceb;
--color-muted: #90b6e4;
--color-primary: #6c96cd;
--color-secondary: #5f74b0;
--color-accent: #4a598d;
--color-highlight: #444674;
--color-border: #202a4d;
--color-text: #0f1324;
}JSON (DTCG tokens)
{
"steady-flood-tide-7jf": {
"bg": {
"$type": "color",
"$value": "#d7e0f4"
},
"surface": {
"$type": "color",
"$value": "#b4cceb"
},
"muted": {
"$type": "color",
"$value": "#90b6e4"
},
"primary": {
"$type": "color",
"$value": "#6c96cd"
},
"secondary": {
"$type": "color",
"$value": "#5f74b0"
},
"accent": {
"$type": "color",
"$value": "#4a598d"
},
"highlight": {
"$type": "color",
"$value": "#444674"
},
"border": {
"$type": "color",
"$value": "#202a4d"
},
"text": {
"$type": "color",
"$value": "#0f1324"
}
}
}About this palette
Steady Flood Tide is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #D7E0F4, #B4CCEB, #90B6E4, #6C96CD, #5F74B0, #4A598D, #444674, #202A4D, #0F1324. APCA contrast score Lc 7.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 Steady Flood Tide by OKLab color distance.