What are the hex codes in the Bold Sunflower & Shadow palette?

The Bold Sunflower & Shadow color palette consists of Almond #E3E2D8, Sunflower #F2DC00, Shadow #817D56, Raisin #272516.

How should I use the Bold Sunflower & Shadow palette on a website?

Use Almond #E3E2D8 as the background, Raisin #272516 for text, Sunflower #F2DC00 for buttons and links, and Shadow #817D56 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Raisin at 11.84:1.

Which colors in Bold Sunflower & Shadow have enough contrast for text?

The highest-contrast pair is #E3E2D8 on #272516 with a ratio of 11.84:1, which passes WCAG AA for normal text.

#E3E2D8Almond

#F2DC00Sunflower

#817D56Shadow

#272516Raisin

Bold Sunflower & Shadow color palette

Warm Minimal Gray Yellow Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Almond	`#E3E2D8`	`rgb(227, 226, 216)`	`hsl(55, 16%, 87%)`	`oklch(91.1% 0.013 102)`
Sunflower	`#F2DC00`	`rgb(242, 220, 0)`	`hsl(55, 100%, 47%)`	`oklch(88.5% 0.185 102)`
Shadow	`#817D56`	`rgb(129, 125, 86)`	`hsl(54, 20%, 42%)`	`oklch(58.3% 0.056 103)`
Raisin	`#272516`	`rgb(39, 37, 22)`	`hsl(53, 28%, 12%)`	`oklch(26.2% 0.026 102)`

Why it works and how to use it

Bold Sunflower & Shadow is a monochromatic color palette tagged warm, minimal, gray. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Sunflower takes the lead while the rest support. Lightness runs from 12% to 87%. Well suited to websites, presentations and branding.

Background: Almond (#E3E2D8) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#272516) on #E3E2D8 gives 11.84:1, passing WCAG AAA.
Primary: Sunflower (#F2DC00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Shadow (#817D56) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Raisin at 11.84:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Sunflower & Shadow

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

#E3E2D8

#F2DC00

#817D56

#272516

Color-blind check: under tritanopia, Almond and Sunflower become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#E3E2D8` on `#272516`	Aa	11.84:1	AAA
`#F2DC00` on `#272516`	Aa	11.02:1	AAA
`#817D56` on `#272516`	Aa	3.67:1	AA large only
`#E3E2D8` on `#817D56`	Aa	3.23:1	AA large only
`#F2DC00` on `#817D56`	Aa	3:1	AA large only
`#E3E2D8` on `#F2DC00`	Aa	1.07:1	Fail

Similar palettes 24 more in this mood