Palette · 10 colors · Lc 9
Endless River Orchard palette
Endless River Orchard: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E5F3F5, #8FC6D5, #3694A3, #5D77AF, #8E628C, #855054, #85503B, #684E24, #1F3322, #06161A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E5F3F5
surface
#8FC6D5
muted
#3694A3
primary
#5D77AF
secondary
#8E628C
accent
#855054
highlight
#85503B
border
#684E24
focus
#1F3322
text
#06161A
Colors in Endless River Orchard: HEX, RGB, HSL & OKLCH
- #E5F3F5 color page →
bg
#E5F3F5
- RGB
- rgb(229 243 245)
- HSL
- hsl(188 44% 93%)
- OKLCH
- oklch(0.954 0.015 207.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.47:1 (AAA)
- #8FC6D5 color page →
surface
#8FC6D5
- RGB
- rgb(143 198 213)
- HSL
- hsl(193 45% 70%)
- OKLCH
- oklch(0.794 0.061 216.5)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.20:1 (AAA)
- #3694A3 color page →
muted
#3694A3
- RGB
- rgb(54 148 163)
- HSL
- hsl(188 50% 43%)
- OKLCH
- oklch(0.618 0.089 209.9)
WCAG contrast: on white 3.54:1 (Fail) · on black 5.92:1 (AA)
- #5D77AF color page →
primary
#5D77AF
- RGB
- rgb(93 119 175)
- HSL
- hsl(221 34% 53%)
- OKLCH
- oklch(0.573 0.092 264.6)
WCAG contrast: on white 4.44:1 (Fail) · on black 4.72:1 (AA)
- #8E628C color page →
secondary
#8E628C
- RGB
- rgb(142 98 140)
- HSL
- hsl(303 18% 47%)
- OKLCH
- oklch(0.557 0.082 328.2)
WCAG contrast: on white 4.91:1 (AA) · on black 4.27:1 (Fail)
- #855054 color page →
accent
#855054
- RGB
- rgb(133 80 84)
- HSL
- hsl(355 25% 42%)
- OKLCH
- oklch(0.493 0.071 15.1)
WCAG contrast: on white 6.41:1 (AA) · on black 3.27:1 (Fail)
- #85503B color page →
highlight
#85503B
- RGB
- rgb(133 80 59)
- HSL
- hsl(17 39% 38%)
- OKLCH
- oklch(0.487 0.079 42.2)
WCAG contrast: on white 6.54:1 (AA) · on black 3.20:1 (Fail)
- #684E24 color page →
border
#684E24
- RGB
- rgb(104 78 36)
- HSL
- hsl(37 49% 27%)
- OKLCH
- oklch(0.442 0.068 77.4)
WCAG contrast: on white 7.76:1 (AAA) · on black 2.70:1 (Fail)
- #1F3322 color page →
focus
#1F3322
- RGB
- rgb(31 51 34)
- HSL
- hsl(129 24% 16%)
- OKLCH
- oklch(0.298 0.04 148.3)
WCAG contrast: on white 13.50:1 (AAA) · on black 1.55:1 (Fail)
- #06161A color page →
text
#06161A
- RGB
- rgb(6 22 26)
- HSL
- hsl(192 63% 6%)
- OKLCH
- oklch(0.188 0.024 215.6)
WCAG contrast: on white 18.46:1 (AAA) · on black 1.13:1 (Fail)
Export Endless River Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5f3f5;
--surface: #8fc6d5;
--muted: #3694a3;
--primary: #5d77af;
--secondary: #8e628c;
--accent: #855054;
--highlight: #85503b;
--border: #684e24;
--focus: #1f3322;
--text: #06161a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5f3f5;
--color-surface: #8fc6d5;
--color-muted: #3694a3;
--color-primary: #5d77af;
--color-secondary: #8e628c;
--color-accent: #855054;
--color-highlight: #85503b;
--color-border: #684e24;
--color-focus: #1f3322;
--color-text: #06161a;
}JSON (DTCG tokens)
{
"endless-river-orchard-7f2": {
"bg": {
"$type": "color",
"$value": "#e5f3f5"
},
"surface": {
"$type": "color",
"$value": "#8fc6d5"
},
"muted": {
"$type": "color",
"$value": "#3694a3"
},
"primary": {
"$type": "color",
"$value": "#5d77af"
},
"secondary": {
"$type": "color",
"$value": "#8e628c"
},
"accent": {
"$type": "color",
"$value": "#855054"
},
"highlight": {
"$type": "color",
"$value": "#85503b"
},
"border": {
"$type": "color",
"$value": "#684e24"
},
"focus": {
"$type": "color",
"$value": "#1f3322"
},
"text": {
"$type": "color",
"$value": "#06161a"
}
}
}About this palette
Endless River Orchard is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #E5F3F5, #8FC6D5, #3694A3, #5D77AF, #8E628C, #855054, #85503B, #684E24, #1F3322, #06161A. 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 Endless River Orchard by OKLab color distance.