Palette · 7 colors · Lc 9.4
True Warm Spring Horizon palette
True Warm Spring Horizon: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E9EFF3, #A0C7DB, #76ADCA, #3989BD, #336388, #0A3957, #061A26, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9EFF3
surface
#A0C7DB
muted
#76ADCA
primary
#3989BD
secondary
#336388
accent
#0A3957
text
#061A26
Colors in True Warm Spring Horizon: HEX, RGB, HSL & OKLCH
- #E9EFF3 color page →
bg
#E9EFF3
- RGB
- rgb(233 239 243)
- HSL
- hsl(204 29% 93%)
- OKLCH
- oklch(0.949 0.008 236.6)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.10:1 (AAA)
- #A0C7DB color page →
surface
#A0C7DB
- RGB
- rgb(160 199 219)
- HSL
- hsl(200 45% 74%)
- OKLCH
- oklch(0.808 0.05 230.4)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.68:1 (AAA)
- #76ADCA color page →
muted
#76ADCA
- RGB
- rgb(118 173 202)
- HSL
- hsl(201 44% 63%)
- OKLCH
- oklch(0.72 0.071 232.1)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.60:1 (AAA)
- #3989BD color page →
primary
#3989BD
- RGB
- rgb(57 137 189)
- HSL
- hsl(204 54% 48%)
- OKLCH
- oklch(0.604 0.111 240.7)
WCAG contrast: on white 3.82:1 (Fail) · on black 5.48:1 (AA)
- #336388 color page →
secondary
#336388
- RGB
- rgb(51 99 136)
- HSL
- hsl(206 45% 37%)
- OKLCH
- oklch(0.483 0.08 243.8)
WCAG contrast: on white 6.40:1 (AA) · on black 3.28:1 (Fail)
- #0A3957 color page →
accent
#0A3957
- RGB
- rgb(10 57 87)
- HSL
- hsl(203 79% 19%)
- OKLCH
- oklch(0.331 0.072 242.5)
WCAG contrast: on white 12.09:1 (AAA) · on black 1.73:1 (Fail)
- #061A26 color page →
text
#061A26
- RGB
- rgb(6 26 38)
- HSL
- hsl(203 73% 9%)
- OKLCH
- oklch(0.208 0.035 237.5)
WCAG contrast: on white 17.74:1 (AAA) · on black 1.18:1 (Fail)
Export True Warm Spring Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9eff3;
--surface: #a0c7db;
--muted: #76adca;
--primary: #3989bd;
--secondary: #336388;
--accent: #0a3957;
--text: #061a26;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9eff3;
--color-surface: #a0c7db;
--color-muted: #76adca;
--color-primary: #3989bd;
--color-secondary: #336388;
--color-accent: #0a3957;
--color-text: #061a26;
}JSON (DTCG tokens)
{
"true-warm-spring-horizon-19e": {
"bg": {
"$type": "color",
"$value": "#e9eff3"
},
"surface": {
"$type": "color",
"$value": "#a0c7db"
},
"muted": {
"$type": "color",
"$value": "#76adca"
},
"primary": {
"$type": "color",
"$value": "#3989bd"
},
"secondary": {
"$type": "color",
"$value": "#336388"
},
"accent": {
"$type": "color",
"$value": "#0a3957"
},
"text": {
"$type": "color",
"$value": "#061a26"
}
}
}About this palette
True Warm Spring Horizon is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #E9EFF3, #A0C7DB, #76ADCA, #3989BD, #336388, #0A3957, #061A26. APCA contrast score Lc 9.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 True Warm Spring Horizon by OKLab color distance.