Palette · 8 colors · Lc 9.2
Classic Endless River Mirror palette
Classic Endless River Mirror: a 8-color palette (Violet, Cold, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #E4EDFC, #B8CEEB, #87A0C7, #5C7FB3, #456090, #2B3E62, #1D283C, #020611, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Monochromatic
- 8 Colors
bg
#E4EDFC
surface
#B8CEEB
muted
#87A0C7
primary
#5C7FB3
secondary
#456090
accent
#2B3E62
highlight
#1D283C
text
#020611
Colors in Classic Endless River Mirror: HEX, RGB, HSL & OKLCH
- #E4EDFC color page →
bg
#E4EDFC
- RGB
- rgb(228 237 252)
- HSL
- hsl(218 80% 94%)
- OKLCH
- oklch(0.944 0.022 260.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.81:1 (AAA)
- #B8CEEB color page →
surface
#B8CEEB
- RGB
- rgb(184 206 235)
- HSL
- hsl(214 56% 82%)
- OKLCH
- oklch(0.844 0.047 255.4)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.06:1 (AAA)
- #87A0C7 color page →
muted
#87A0C7
- RGB
- rgb(135 160 199)
- HSL
- hsl(217 36% 65%)
- OKLCH
- oklch(0.701 0.064 259.2)
WCAG contrast: on white 2.66:1 (Fail) · on black 7.88:1 (AAA)
- #5C7FB3 color page →
primary
#5C7FB3
- RGB
- rgb(92 127 179)
- HSL
- hsl(216 36% 53%)
- OKLCH
- oklch(0.592 0.09 258.1)
WCAG contrast: on white 4.08:1 (Fail) · on black 5.14:1 (AA)
- #456090 color page →
secondary
#456090
- RGB
- rgb(69 96 144)
- HSL
- hsl(218 35% 42%)
- OKLCH
- oklch(0.49 0.084 261.4)
WCAG contrast: on white 6.30:1 (AA) · on black 3.32:1 (Fail)
- #2B3E62 color page →
accent
#2B3E62
- RGB
- rgb(43 62 98)
- HSL
- hsl(219 39% 28%)
- OKLCH
- oklch(0.366 0.067 262.4)
WCAG contrast: on white 10.66:1 (AAA) · on black 1.96:1 (Fail)
- #1D283C color page →
highlight
#1D283C
- RGB
- rgb(29 40 60)
- HSL
- hsl(219 35% 17%)
- OKLCH
- oklch(0.277 0.04 261.9)
WCAG contrast: on white 14.77:1 (AAA) · on black 1.42:1 (Fail)
- #020611 color page →
text
#020611
- RGB
- rgb(2 6 17)
- HSL
- hsl(224 79% 4%)
- OKLCH
- oklch(0.123 0.029 259.7)
WCAG contrast: on white 20.25:1 (AAA) · on black 1.03:1 (Fail)
Export Classic Endless River Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4edfc;
--surface: #b8ceeb;
--muted: #87a0c7;
--primary: #5c7fb3;
--secondary: #456090;
--accent: #2b3e62;
--highlight: #1d283c;
--text: #020611;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4edfc;
--color-surface: #b8ceeb;
--color-muted: #87a0c7;
--color-primary: #5c7fb3;
--color-secondary: #456090;
--color-accent: #2b3e62;
--color-highlight: #1d283c;
--color-text: #020611;
}JSON (DTCG tokens)
{
"classic-endless-river-mirror-5if": {
"bg": {
"$type": "color",
"$value": "#e4edfc"
},
"surface": {
"$type": "color",
"$value": "#b8ceeb"
},
"muted": {
"$type": "color",
"$value": "#87a0c7"
},
"primary": {
"$type": "color",
"$value": "#5c7fb3"
},
"secondary": {
"$type": "color",
"$value": "#456090"
},
"accent": {
"$type": "color",
"$value": "#2b3e62"
},
"highlight": {
"$type": "color",
"$value": "#1d283c"
},
"text": {
"$type": "color",
"$value": "#020611"
}
}
}About this palette
Classic Endless River Mirror is a 8-color OKLCH-ready palette tagged violet, cold, monochromatic, 8 colors. Hex values: #E4EDFC, #B8CEEB, #87A0C7, #5C7FB3, #456090, #2B3E62, #1D283C, #020611. APCA contrast score Lc 9.2. 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 Mirror by OKLab color distance.