What are the hex codes in the Bold Pumpkin & Dusk palette?

The Bold Pumpkin & Dusk color palette consists of Ink #191B3A, Dusk #494D7F, Pumpkin #F77B0F, Smoke #F7F3EE.

How should I use the Bold Pumpkin & Dusk palette on a website?

Use Smoke #F7F3EE as the background, Ink #191B3A for text, Pumpkin #F77B0F for buttons and links, and Dusk #494D7F for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 15.1:1.

Which colors in Bold Pumpkin & Dusk have enough contrast for text?

The highest-contrast pair is #191B3A on #F7F3EE with a ratio of 15.1:1, which passes WCAG AA for normal text.

#191B3AInk

#494D7FDusk

#F77B0FPumpkin

#F7F3EESmoke

Bold Pumpkin & Dusk color palette

Dark Orange White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#191B3A`	`rgb(25, 27, 58)`	`hsl(236, 40%, 16%)`	`oklch(23.9% 0.059 278)`
Dusk	`#494D7F`	`rgb(73, 77, 127)`	`hsl(236, 27%, 39%)`	`oklch(44.0% 0.082 279)`
Pumpkin	`#F77B0F`	`rgb(247, 123, 15)`	`hsl(28, 94%, 51%)`	`oklch(71.4% 0.180 52)`
Smoke	`#F7F3EE`	`rgb(247, 243, 238)`	`hsl(33, 36%, 95%)`	`oklch(96.6% 0.008 74)`

Why it works and how to use it

Bold Pumpkin & Dusk is a complementary color palette tagged dark, orange, white. Ink and Pumpkin sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Pumpkin takes the lead while the rest support. Lightness runs from 16% to 95%. Well suited to websites, presentations and branding.

Background: Smoke (#F7F3EE) is the lightest color, so it belongs on large surfaces.
Text: Ink (#191B3A) on #F7F3EE gives 15.1:1, passing WCAG AAA.
Primary: Pumpkin (#F77B0F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#494D7F) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Smoke at 15.1:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Pumpkin & Dusk

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

#191B3A

#494D7F

#F77B0F

#F7F3EE

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
`#191B3A` on `#F7F3EE`	Aa	15.1:1	AAA
`#494D7F` on `#F7F3EE`	Aa	7.17:1	AAA
`#191B3A` on `#F77B0F`	Aa	6.19:1	AA
`#494D7F` on `#F77B0F`	Aa	2.94:1	Fail
`#F77B0F` on `#F7F3EE`	Aa	2.44:1	Fail
`#191B3A` on `#494D7F`	Aa	2.11:1	Fail

Similar palettes 24 more in this mood