What are the hex codes in the Pumpkin Saffron & Tangerine palette?

The Pumpkin Saffron & Tangerine color palette consists of Tangerine #E58800, Linen #F4EDE2, Saffron #F9CC1E, Obsidian #0B0B0E.

How should I use the Pumpkin Saffron & Tangerine palette on a website?

Use Linen #F4EDE2 as the background, Obsidian #0B0B0E for text, Tangerine #E58800 for buttons and links, and Saffron #F9CC1E for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Obsidian at 16.9:1.

Which colors in Pumpkin Saffron & Tangerine have enough contrast for text?

The highest-contrast pair is #F4EDE2 on #0B0B0E with a ratio of 16.9:1, which passes WCAG AA for normal text.

#E58800Tangerine

#F4EDE2Linen

#F9CC1ESaffron

#0B0B0EObsidian

Pumpkin Saffron & Tangerine color palette

Halloween Vibrant Warm Orange White Yellow Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Tangerine	`#E58800`	`rgb(229, 136, 0)`	`hsl(36, 100%, 45%)`	`oklch(71.0% 0.161 64)`
Linen	`#F4EDE2`	`rgb(244, 237, 226)`	`hsl(37, 45%, 92%)`	`oklch(94.9% 0.016 79)`
Saffron	`#F9CC1E`	`rgb(249, 204, 30)`	`hsl(48, 95%, 55%)`	`oklch(86.0% 0.171 92)`
Obsidian	`#0B0B0E`	`rgb(11, 11, 14)`	`hsl(240, 12%, 5%)`	`oklch(15.1% 0.006 286)`

Why it works and how to use it

Pumpkin Saffron & Tangerine is a vivid monochromatic color palette tagged halloween, vibrant, warm. All four colors sit within 12° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Tangerine takes the lead while the rest support. Lightness runs from 5% to 92%. Well suited to seasonal campaigns and greeting cards.

Background: Linen (#F4EDE2) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#0B0B0E) on #F4EDE2 gives 16.9:1, passing WCAG AAA.
Primary: Tangerine (#E58800) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Saffron (#F9CC1E) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Obsidian at 16.9:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Pumpkin Saffron & Tangerine

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#E58800

#F4EDE2

#F9CC1E

#0B0B0E

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#F4EDE2` on `#0B0B0E`	Aa	16.9:1	AAA
`#F9CC1E` on `#0B0B0E`	Aa	12.81:1	AAA
`#E58800` on `#0B0B0E`	Aa	7.35:1	AAA
`#E58800` on `#F4EDE2`	Aa	2.3:1	Fail
`#E58800` on `#F9CC1E`	Aa	1.74:1	Fail
`#F4EDE2` on `#F9CC1E`	Aa	1.32:1	Fail

:root {
  --tangerine: #E58800;
  --linen: #F4EDE2;
  --saffron: #F9CC1E;
  --obsidian: #0B0B0E;
}

$tangerine: #E58800;
$linen: #F4EDE2;
$saffron: #F9CC1E;
$obsidian: #0B0B0E;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'tangerine': '#E58800',
        'linen': '#F4EDE2',
        'saffron': '#F9CC1E',
        'obsidian': '#0B0B0E',
      },
    },
  },
};

{
  "name": "Pumpkin Saffron & Tangerine",
  "colors": [
    "#E58800",
    "#F4EDE2",
    "#F9CC1E",
    "#0B0B0E"
  ]
}

background: linear-gradient(135deg, #E58800, #F4EDE2, #F9CC1E, #0B0B0E);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2026-04-23 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood