Palette · 8 colors · Lc 8.9
Heron Orchard palette
Heron Orchard: a 8-color palette (Pink, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #E1E3EE, #9CA2BD, #6D688C, #85646D, #746043, #4F6A4D, #29494B, #0A0B1B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1E3EE
surface
#9CA2BD
muted
#6D688C
primary
#85646D
secondary
#746043
accent
#4F6A4D
highlight
#29494B
text
#0A0B1B
Colors in Heron Orchard: HEX, RGB, HSL & OKLCH
- #E1E3EE color page →
bg
#E1E3EE
- RGB
- rgb(225 227 238)
- HSL
- hsl(231 28% 91%)
- OKLCH
- oklch(0.918 0.015 277.8)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.42:1 (AAA)
- #9CA2BD color page →
surface
#9CA2BD
- RGB
- rgb(156 162 189)
- HSL
- hsl(229 20% 68%)
- OKLCH
- oklch(0.716 0.04 275.5)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.31:1 (AAA)
- #6D688C color page →
muted
#6D688C
- RGB
- rgb(109 104 140)
- HSL
- hsl(248 15% 48%)
- OKLCH
- oklch(0.536 0.056 290.7)
WCAG contrast: on white 5.23:1 (AA) · on black 4.00:1 (Fail)
- #85646D color page →
primary
#85646D
- RGB
- rgb(133 100 109)
- HSL
- hsl(344 14% 46%)
- OKLCH
- oklch(0.539 0.044 0.7)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #746043 color page →
secondary
#746043
- RGB
- rgb(116 96 67)
- HSL
- hsl(36 27% 36%)
- OKLCH
- oklch(0.501 0.05 76.5)
WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)
- #4F6A4D color page →
accent
#4F6A4D
- RGB
- rgb(79 106 77)
- HSL
- hsl(116 16% 36%)
- OKLCH
- oklch(0.494 0.055 143)
WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)
- #29494B color page →
highlight
#29494B
- RGB
- rgb(41 73 75)
- HSL
- hsl(184 29% 23%)
- OKLCH
- oklch(0.382 0.038 200.8)
WCAG contrast: on white 9.77:1 (AAA) · on black 2.14:1 (Fail)
- #0A0B1B color page →
text
#0A0B1B
- RGB
- rgb(10 11 27)
- HSL
- hsl(236 46% 7%)
- OKLCH
- oklch(0.158 0.034 279.1)
WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)
Export Heron Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1e3ee;
--surface: #9ca2bd;
--muted: #6d688c;
--primary: #85646d;
--secondary: #746043;
--accent: #4f6a4d;
--highlight: #29494b;
--text: #0a0b1b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1e3ee;
--color-surface: #9ca2bd;
--color-muted: #6d688c;
--color-primary: #85646d;
--color-secondary: #746043;
--color-accent: #4f6a4d;
--color-highlight: #29494b;
--color-text: #0a0b1b;
}JSON (DTCG tokens)
{
"heron-orchard-uk": {
"bg": {
"$type": "color",
"$value": "#e1e3ee"
},
"surface": {
"$type": "color",
"$value": "#9ca2bd"
},
"muted": {
"$type": "color",
"$value": "#6d688c"
},
"primary": {
"$type": "color",
"$value": "#85646d"
},
"secondary": {
"$type": "color",
"$value": "#746043"
},
"accent": {
"$type": "color",
"$value": "#4f6a4d"
},
"highlight": {
"$type": "color",
"$value": "#29494b"
},
"text": {
"$type": "color",
"$value": "#0a0b1b"
}
}
}About this palette
Heron Orchard is a 8-color OKLCH-ready palette tagged pink, gray, 8 colors. Hex values: #E1E3EE, #9CA2BD, #6D688C, #85646D, #746043, #4F6A4D, #29494B, #0A0B1B. APCA contrast score Lc 8.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 Heron Orchard by OKLab color distance.