Palette · 8 colors · Lc 9.6
Spiced Orchard palette
Spiced Orchard: a 8-color palette (Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #090403, #351607, #613020, #7E4B35, #B57257, #C89687, #F2C4B9, #FFF4ED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#090403
surface
#351607
muted
#613020
primary
#7E4B35
secondary
#B57257
accent
#C89687
highlight
#F2C4B9
text
#FFF4ED
Colors in Spiced Orchard: HEX, RGB, HSL & OKLCH
- #090403 color page →
bg
#090403
- RGB
- rgb(9 4 3)
- HSL
- hsl(10 50% 2%)
- OKLCH
- oklch(0.116 0.013 36.4)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)
- #351607 color page →
surface
#351607
- RGB
- rgb(53 22 7)
- HSL
- hsl(20 77% 12%)
- OKLCH
- oklch(0.243 0.056 45)
WCAG contrast: on white 16.54:1 (AAA) · on black 1.26:1 (Fail)
- #613020 color page →
muted
#613020
- RGB
- rgb(97 48 32)
- HSL
- hsl(15 50% 25%)
- OKLCH
- oklch(0.37 0.076 38.7)
WCAG contrast: on white 10.75:1 (AAA) · on black 1.95:1 (Fail)
- #7E4B35 color page →
primary
#7E4B35
- RGB
- rgb(126 75 53)
- HSL
- hsl(18 41% 35%)
- OKLCH
- oklch(0.467 0.077 43.8)
WCAG contrast: on white 7.13:1 (AAA) · on black 2.94:1 (Fail)
- #B57257 color page →
secondary
#B57257
- RGB
- rgb(181 114 87)
- HSL
- hsl(17 39% 53%)
- OKLCH
- oklch(0.617 0.094 42.6)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.50:1 (AA)
- #C89687 color page →
accent
#C89687
- RGB
- rgb(200 150 135)
- HSL
- hsl(14 37% 66%)
- OKLCH
- oklch(0.717 0.064 37.4)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.16:1 (AAA)
- #F2C4B9 color page →
highlight
#F2C4B9
- RGB
- rgb(242 196 185)
- HSL
- hsl(12 69% 84%)
- OKLCH
- oklch(0.858 0.055 33.7)
WCAG contrast: on white 1.57:1 (Fail) · on black 13.37:1 (AAA)
- #FFF4ED color page →
text
#FFF4ED
- RGB
- rgb(255 244 237)
- HSL
- hsl(23 100% 96%)
- OKLCH
- oklch(0.974 0.015 54.9)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.41:1 (AAA)
Export Spiced Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #090403;
--surface: #351607;
--muted: #613020;
--primary: #7e4b35;
--secondary: #b57257;
--accent: #c89687;
--highlight: #f2c4b9;
--text: #fff4ed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #090403;
--color-surface: #351607;
--color-muted: #613020;
--color-primary: #7e4b35;
--color-secondary: #b57257;
--color-accent: #c89687;
--color-highlight: #f2c4b9;
--color-text: #fff4ed;
}JSON (DTCG tokens)
{
"spiced-orchard-6fb": {
"bg": {
"$type": "color",
"$value": "#090403"
},
"surface": {
"$type": "color",
"$value": "#351607"
},
"muted": {
"$type": "color",
"$value": "#613020"
},
"primary": {
"$type": "color",
"$value": "#7e4b35"
},
"secondary": {
"$type": "color",
"$value": "#b57257"
},
"accent": {
"$type": "color",
"$value": "#c89687"
},
"highlight": {
"$type": "color",
"$value": "#f2c4b9"
},
"text": {
"$type": "color",
"$value": "#fff4ed"
}
}
}About this palette
Spiced Orchard is a 8-color OKLCH-ready palette tagged yellow, warm, 8 colors. Hex values: #090403, #351607, #613020, #7E4B35, #B57257, #C89687, #F2C4B9, #FFF4ED. APCA contrast score Lc 9.6. 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 Spiced Orchard by OKLab color distance.