Palette · 4 colors · Lc 8.4
Steady Flood Drift palette
Steady Flood Drift: a 4-color palette (Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #E3EBFF, #6B7DC3, #607038, #0F111C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 4 Colors
bg
#E3EBFF
surface
#6B7DC3
accent
#607038
text
#0F111C
Colors in Steady Flood Drift: HEX, RGB, HSL & OKLCH
- #E3EBFF color page →
bg
#E3EBFF
- RGB
- rgb(227 235 255)
- HSL
- hsl(223 100% 95%)
- OKLCH
- oklch(0.94 0.028 268.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.59:1 (AAA)
- #6B7DC3 color page →
surface
#6B7DC3
- RGB
- rgb(107 125 195)
- HSL
- hsl(228 42% 59%)
- OKLCH
- oklch(0.606 0.109 271.9)
WCAG contrast: on white 3.92:1 (Fail) · on black 5.34:1 (AA)
- #607038 color page →
accent
#607038
- RGB
- rgb(96 112 56)
- HSL
- hsl(77 33% 33%)
- OKLCH
- oklch(0.518 0.082 122.4)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #0F111C color page →
text
#0F111C
- RGB
- rgb(15 17 28)
- HSL
- hsl(231 30% 8%)
- OKLCH
- oklch(0.181 0.023 275.9)
WCAG contrast: on white 18.79:1 (AAA) · on black 1.11:1 (Fail)
Export Steady Flood Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3ebff;
--surface: #6b7dc3;
--accent: #607038;
--text: #0f111c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3ebff;
--color-surface: #6b7dc3;
--color-accent: #607038;
--color-text: #0f111c;
}JSON (DTCG tokens)
{
"steady-flood-drift-mr": {
"bg": {
"$type": "color",
"$value": "#e3ebff"
},
"surface": {
"$type": "color",
"$value": "#6b7dc3"
},
"accent": {
"$type": "color",
"$value": "#607038"
},
"text": {
"$type": "color",
"$value": "#0f111c"
}
}
}About this palette
Steady Flood Drift is a 4-color OKLCH-ready palette tagged pink, 4 colors. Hex values: #E3EBFF, #6B7DC3, #607038, #0F111C. APCA contrast score Lc 8.4. 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 Drift by OKLab color distance.