Palette · 8 colors · Lc 9
True Warm Blue Tide palette
True Warm Blue Tide: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E2EDFF, #9ED6FF, #33B2FF, #0F8DF5, #4059E3, #4538A1, #1A2576, #09183F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2EDFF
surface
#9ED6FF
muted
#33B2FF
primary
#0F8DF5
secondary
#4059E3
accent
#4538A1
highlight
#1A2576
text
#09183F
Colors in True Warm Blue Tide: HEX, RGB, HSL & OKLCH
- #E2EDFF color page →
bg
#E2EDFF
- RGB
- rgb(226 237 255)
- HSL
- hsl(217 100% 94%)
- OKLCH
- oklch(0.943 0.027 260.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
- #9ED6FF color page →
surface
#9ED6FF
- RGB
- rgb(158 214 255)
- HSL
- hsl(205 100% 81%)
- OKLCH
- oklch(0.852 0.081 240.6)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.51:1 (AAA)
- #33B2FF color page →
muted
#33B2FF
- RGB
- rgb(51 178 255)
- HSL
- hsl(203 100% 60%)
- OKLCH
- oklch(0.731 0.154 241.2)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.95:1 (AAA)
- #0F8DF5 color page →
primary
#0F8DF5
- RGB
- rgb(15 141 245)
- HSL
- hsl(207 92% 51%)
- OKLCH
- oklch(0.637 0.183 251.4)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.14:1 (AA)
- #4059E3 color page →
secondary
#4059E3
- RGB
- rgb(64 89 227)
- HSL
- hsl(231 74% 57%)
- OKLCH
- oklch(0.531 0.21 269.8)
WCAG contrast: on white 5.59:1 (AA) · on black 3.75:1 (Fail)
- #4538A1 color page →
accent
#4538A1
- RGB
- rgb(69 56 161)
- HSL
- hsl(247 48% 43%)
- OKLCH
- oklch(0.42 0.162 282.5)
WCAG contrast: on white 8.99:1 (AAA) · on black 2.33:1 (Fail)
- #1A2576 color page →
highlight
#1A2576
- RGB
- rgb(26 37 118)
- HSL
- hsl(233 64% 28%)
- OKLCH
- oklch(0.316 0.138 270.2)
WCAG contrast: on white 13.37:1 (AAA) · on black 1.57:1 (Fail)
- #09183F color page →
text
#09183F
- RGB
- rgb(9 24 63)
- HSL
- hsl(223 75% 14%)
- OKLCH
- oklch(0.224 0.077 264.8)
WCAG contrast: on white 17.29:1 (AAA) · on black 1.21:1 (Fail)
Export True Warm Blue Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2edff;
--surface: #9ed6ff;
--muted: #33b2ff;
--primary: #0f8df5;
--secondary: #4059e3;
--accent: #4538a1;
--highlight: #1a2576;
--text: #09183f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2edff;
--color-surface: #9ed6ff;
--color-muted: #33b2ff;
--color-primary: #0f8df5;
--color-secondary: #4059e3;
--color-accent: #4538a1;
--color-highlight: #1a2576;
--color-text: #09183f;
}JSON (DTCG tokens)
{
"true-warm-blue-tide-6s1": {
"bg": {
"$type": "color",
"$value": "#e2edff"
},
"surface": {
"$type": "color",
"$value": "#9ed6ff"
},
"muted": {
"$type": "color",
"$value": "#33b2ff"
},
"primary": {
"$type": "color",
"$value": "#0f8df5"
},
"secondary": {
"$type": "color",
"$value": "#4059e3"
},
"accent": {
"$type": "color",
"$value": "#4538a1"
},
"highlight": {
"$type": "color",
"$value": "#1a2576"
},
"text": {
"$type": "color",
"$value": "#09183f"
}
}
}About this palette
True Warm Blue Tide is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #E2EDFF, #9ED6FF, #33B2FF, #0F8DF5, #4059E3, #4538A1, #1A2576, #09183F. APCA contrast score Lc 9. 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 Warm Blue Tide by OKLab color distance.