Palette · 9 colors · Lc 8
Classic Endless River Atelier palette
Classic Endless River Atelier: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #E4E8F2, #B3CCE9, #8AB3D6, #7490BB, #5D7AB8, #565A8F, #453B6B, #2B314E, #111728, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4E8F2
surface
#B3CCE9
muted
#8AB3D6
primary
#7490BB
secondary
#5D7AB8
accent
#565A8F
highlight
#453B6B
border
#2B314E
text
#111728
Colors in Classic Endless River Atelier: HEX, RGB, HSL & OKLCH
- #E4E8F2 color page →
bg
#E4E8F2
- RGB
- rgb(228 232 242)
- HSL
- hsl(223 35% 92%)
- OKLCH
- oklch(0.931 0.014 268.5)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.12:1 (AAA)
- #B3CCE9 color page →
surface
#B3CCE9
- RGB
- rgb(179 204 233)
- HSL
- hsl(212 55% 81%)
- OKLCH
- oklch(0.836 0.049 252.2)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.73:1 (AAA)
- #8AB3D6 color page →
muted
#8AB3D6
- RGB
- rgb(138 179 214)
- HSL
- hsl(208 48% 69%)
- OKLCH
- oklch(0.75 0.067 244.6)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.49:1 (AAA)
- #7490BB color page →
primary
#7490BB
- RGB
- rgb(116 144 187)
- HSL
- hsl(216 34% 59%)
- OKLCH
- oklch(0.648 0.072 258.8)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.44:1 (AA)
- #5D7AB8 color page →
secondary
#5D7AB8
- RGB
- rgb(93 122 184)
- HSL
- hsl(221 39% 54%)
- OKLCH
- oklch(0.584 0.102 264.4)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.94:1 (AA)
- #565A8F color page →
accent
#565A8F
- RGB
- rgb(86 90 143)
- HSL
- hsl(236 25% 45%)
- OKLCH
- oklch(0.488 0.085 279.5)
WCAG contrast: on white 6.45:1 (AA) · on black 3.25:1 (Fail)
- #453B6B color page →
highlight
#453B6B
- RGB
- rgb(69 59 107)
- HSL
- hsl(252 29% 33%)
- OKLCH
- oklch(0.386 0.08 291.8)
WCAG contrast: on white 10.04:1 (AAA) · on black 2.09:1 (Fail)
- #2B314E color page →
border
#2B314E
- RGB
- rgb(43 49 78)
- HSL
- hsl(230 29% 24%)
- OKLCH
- oklch(0.322 0.052 274.2)
WCAG contrast: on white 12.71:1 (AAA) · on black 1.65:1 (Fail)
- #111728 color page →
text
#111728
- RGB
- rgb(17 23 40)
- HSL
- hsl(224 40% 11%)
- OKLCH
- oklch(0.208 0.035 268.5)
WCAG contrast: on white 17.84:1 (AAA) · on black 1.17:1 (Fail)
Export Classic Endless River Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4e8f2;
--surface: #b3cce9;
--muted: #8ab3d6;
--primary: #7490bb;
--secondary: #5d7ab8;
--accent: #565a8f;
--highlight: #453b6b;
--border: #2b314e;
--text: #111728;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4e8f2;
--color-surface: #b3cce9;
--color-muted: #8ab3d6;
--color-primary: #7490bb;
--color-secondary: #5d7ab8;
--color-accent: #565a8f;
--color-highlight: #453b6b;
--color-border: #2b314e;
--color-text: #111728;
}JSON (DTCG tokens)
{
"classic-endless-river-atelier-366": {
"bg": {
"$type": "color",
"$value": "#e4e8f2"
},
"surface": {
"$type": "color",
"$value": "#b3cce9"
},
"muted": {
"$type": "color",
"$value": "#8ab3d6"
},
"primary": {
"$type": "color",
"$value": "#7490bb"
},
"secondary": {
"$type": "color",
"$value": "#5d7ab8"
},
"accent": {
"$type": "color",
"$value": "#565a8f"
},
"highlight": {
"$type": "color",
"$value": "#453b6b"
},
"border": {
"$type": "color",
"$value": "#2b314e"
},
"text": {
"$type": "color",
"$value": "#111728"
}
}
}About this palette
Classic Endless River Atelier is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #E4E8F2, #B3CCE9, #8AB3D6, #7490BB, #5D7AB8, #565A8F, #453B6B, #2B314E, #111728. APCA contrast score Lc 8. 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 Classic Endless River Atelier by OKLab color distance.