Palette · 9 colors · Lc 9.3
Classic Sienna Beacon palette
Classic Sienna Beacon: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F9EDE6, #D3A385, #AD5B1F, #884D94, #006B9D, #245228, #3E2310, #251408, #100906, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9EDE6
surface
#D3A385
muted
#AD5B1F
primary
#884D94
secondary
#006B9D
accent
#245228
highlight
#3E2310
border
#251408
text
#100906
Colors in Classic Sienna Beacon: HEX, RGB, HSL & OKLCH
- #F9EDE6 color page →
bg
#F9EDE6
- RGB
- rgb(249 237 230)
- HSL
- hsl(22 61% 94%)
- OKLCH
- oklch(0.954 0.016 52.6)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.28:1 (AAA)
- #D3A385 color page →
surface
#D3A385
- RGB
- rgb(211 163 133)
- HSL
- hsl(23 47% 67%)
- OKLCH
- oklch(0.752 0.07 53.4)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.34:1 (AAA)
- #AD5B1F color page →
muted
#AD5B1F
- RGB
- rgb(173 91 31)
- HSL
- hsl(25 70% 40%)
- OKLCH
- oklch(0.559 0.128 52.1)
WCAG contrast: on white 4.89:1 (AA) · on black 4.29:1 (Fail)
- #884D94 color page →
primary
#884D94
- RGB
- rgb(136 77 148)
- HSL
- hsl(290 32% 44%)
- OKLCH
- oklch(0.518 0.126 320.7)
WCAG contrast: on white 5.93:1 (AA) · on black 3.53:1 (Fail)
- #006B9D color page →
secondary
#006B9D
- RGB
- rgb(0 107 157)
- HSL
- hsl(199 100% 31%)
- OKLCH
- oklch(0.502 0.113 239.1)
WCAG contrast: on white 5.84:1 (AA) · on black 3.58:1 (Fail)
- #245228 color page →
accent
#245228
- RGB
- rgb(36 82 40)
- HSL
- hsl(125 39% 23%)
- OKLCH
- oklch(0.395 0.085 145.5)
WCAG contrast: on white 9.08:1 (AAA) · on black 2.31:1 (Fail)
- #3E2310 color page →
highlight
#3E2310
- RGB
- rgb(62 35 16)
- HSL
- hsl(25 59% 15%)
- OKLCH
- oklch(0.287 0.051 54.2)
WCAG contrast: on white 14.45:1 (AAA) · on black 1.45:1 (Fail)
- #251408 color page →
border
#251408
- RGB
- rgb(37 20 8)
- HSL
- hsl(25 64% 9%)
- OKLCH
- oklch(0.212 0.035 55)
WCAG contrast: on white 17.76:1 (AAA) · on black 1.18:1 (Fail)
- #100906 color page →
text
#100906
- RGB
- rgb(16 9 6)
- HSL
- hsl(18 45% 4%)
- OKLCH
- oklch(0.148 0.015 48.1)
WCAG contrast: on white 19.74:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Sienna Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9ede6;
--surface: #d3a385;
--muted: #ad5b1f;
--primary: #884d94;
--secondary: #006b9d;
--accent: #245228;
--highlight: #3e2310;
--border: #251408;
--text: #100906;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9ede6;
--color-surface: #d3a385;
--color-muted: #ad5b1f;
--color-primary: #884d94;
--color-secondary: #006b9d;
--color-accent: #245228;
--color-highlight: #3e2310;
--color-border: #251408;
--color-text: #100906;
}JSON (DTCG tokens)
{
"classic-sienna-beacon-79w": {
"bg": {
"$type": "color",
"$value": "#f9ede6"
},
"surface": {
"$type": "color",
"$value": "#d3a385"
},
"muted": {
"$type": "color",
"$value": "#ad5b1f"
},
"primary": {
"$type": "color",
"$value": "#884d94"
},
"secondary": {
"$type": "color",
"$value": "#006b9d"
},
"accent": {
"$type": "color",
"$value": "#245228"
},
"highlight": {
"$type": "color",
"$value": "#3e2310"
},
"border": {
"$type": "color",
"$value": "#251408"
},
"text": {
"$type": "color",
"$value": "#100906"
}
}
}About this palette
Classic Sienna Beacon is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #F9EDE6, #D3A385, #AD5B1F, #884D94, #006B9D, #245228, #3E2310, #251408, #100906. APCA contrast score Lc 9.3. 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 Sienna Beacon by OKLab color distance.