Palette · 7 colors · Lc 9.1
Soft Pumpkin Beacon palette
Soft Pumpkin Beacon: a 7-color palette (Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F1E9E1, #F3BB8A, #E29138, #A96300, #7A5300, #4D3000, #251000, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1E9E1
surface
#F3BB8A
muted
#E29138
primary
#A96300
secondary
#7A5300
accent
#4D3000
text
#251000
Colors in Soft Pumpkin Beacon: HEX, RGB, HSL & OKLCH
- #F1E9E1 color page →
bg
#F1E9E1
- RGB
- rgb(241 233 225)
- HSL
- hsl(30 36% 91%)
- OKLCH
- oklch(0.938 0.014 67.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.48:1 (AAA)
- #F3BB8A color page →
surface
#F3BB8A
- RGB
- rgb(243 187 138)
- HSL
- hsl(28 81% 75%)
- OKLCH
- oklch(0.832 0.091 62.3)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.28:1 (AAA)
- #E29138 color page →
muted
#E29138
- RGB
- rgb(226 145 56)
- HSL
- hsl(31 75% 55%)
- OKLCH
- oklch(0.725 0.14 64.3)
WCAG contrast: on white 2.51:1 (Fail) · on black 8.34:1 (AAA)
- #A96300 color page →
primary
#A96300
- RGB
- rgb(169 99 0)
- HSL
- hsl(35 100% 33%)
- OKLCH
- oklch(0.566 0.128 64.1)
WCAG contrast: on white 4.69:1 (AA) · on black 4.47:1 (Fail)
- #7A5300 color page →
secondary
#7A5300
- RGB
- rgb(122 83 0)
- HSL
- hsl(41 100% 24%)
- OKLCH
- oklch(0.473 0.099 77.4)
WCAG contrast: on white 6.85:1 (AA) · on black 3.06:1 (Fail)
- #4D3000 color page →
accent
#4D3000
- RGB
- rgb(77 48 0)
- HSL
- hsl(37 100% 15%)
- OKLCH
- oklch(0.336 0.072 72.9)
WCAG contrast: on white 12.08:1 (AAA) · on black 1.73:1 (Fail)
- #251000 color page →
text
#251000
- RGB
- rgb(37 16 0)
- HSL
- hsl(26 100% 7%)
- OKLCH
- oklch(0.2 0.047 60.3)
WCAG contrast: on white 18.21:1 (AAA) · on black 1.15:1 (Fail)
Export Soft Pumpkin Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1e9e1;
--surface: #f3bb8a;
--muted: #e29138;
--primary: #a96300;
--secondary: #7a5300;
--accent: #4d3000;
--text: #251000;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1e9e1;
--color-surface: #f3bb8a;
--color-muted: #e29138;
--color-primary: #a96300;
--color-secondary: #7a5300;
--color-accent: #4d3000;
--color-text: #251000;
}JSON (DTCG tokens)
{
"soft-pumpkin-beacon-4te": {
"bg": {
"$type": "color",
"$value": "#f1e9e1"
},
"surface": {
"$type": "color",
"$value": "#f3bb8a"
},
"muted": {
"$type": "color",
"$value": "#e29138"
},
"primary": {
"$type": "color",
"$value": "#a96300"
},
"secondary": {
"$type": "color",
"$value": "#7a5300"
},
"accent": {
"$type": "color",
"$value": "#4d3000"
},
"text": {
"$type": "color",
"$value": "#251000"
}
}
}About this palette
Soft Pumpkin Beacon is a 7-color OKLCH-ready palette tagged yellow, warm, 7 colors. Hex values: #F1E9E1, #F3BB8A, #E29138, #A96300, #7A5300, #4D3000, #251000. APCA contrast score Lc 9.1. 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 Soft Pumpkin Beacon by OKLab color distance.