What are the hex codes in the Summer Azure & Mushroom palette?

The Summer Azure & Mushroom color palette consists of Linen #F1EDEA, Mushroom #C2AA9C, Azure #3278FF, Raisin #241E1B.

How should I use the Summer Azure & Mushroom palette on a website?

Use Linen #F1EDEA as the background, Raisin #241E1B for text, Azure #3278FF for buttons and links, and Mushroom #C2AA9C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Raisin at 14.13:1.

Which colors in Summer Azure & Mushroom have enough contrast for text?

The highest-contrast pair is #F1EDEA on #241E1B with a ratio of 14.13:1, which passes WCAG AA for normal text.

#F1EDEALinen

#C2AA9CMushroom

#3278FFAzure

#241E1BRaisin

Summer Azure & Mushroom color palette

Summer Minimal White Beige Blue Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Linen	`#F1EDEA`	`rgb(241, 237, 234)`	`hsl(26, 20%, 93%)`	`oklch(94.8% 0.006 60)`
Mushroom	`#C2AA9C`	`rgb(194, 170, 156)`	`hsl(22, 24%, 69%)`	`oklch(75.5% 0.034 52)`
Azure	`#3278FF`	`rgb(50, 120, 255)`	`hsl(220, 100%, 60%)`	`oklch(60.6% 0.213 262)`
Raisin	`#241E1B`	`rgb(36, 30, 27)`	`hsl(20, 14%, 12%)`	`oklch(24.1% 0.011 48)`

Why it works and how to use it

Summer Azure & Mushroom is a complementary color palette tagged summer, minimal, white. Linen and Azure 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, Azure takes the lead while the rest support. Lightness runs from 12% to 93%. Well suited to websites, presentations and branding.

Background: Linen (#F1EDEA) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#241E1B) on #F1EDEA gives 14.13:1, passing WCAG AAA.
Primary: Azure (#3278FF) is the most saturated mid-tone; use it for buttons and links (3.43:1 against the background, fine for UI elements).
Accent: Mushroom (#C2AA9C) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Summer Azure & Mushroom

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

#F1EDEA

#C2AA9C

#3278FF

#241E1B

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
`#F1EDEA` on `#241E1B`	Aa	14.13:1	AAA
`#C2AA9C` on `#241E1B`	Aa	7.46:1	AAA
`#3278FF` on `#241E1B`	Aa	4.13:1	AA large only
`#F1EDEA` on `#3278FF`	Aa	3.43:1	AA large only
`#F1EDEA` on `#C2AA9C`	Aa	1.89:1	Fail
`#C2AA9C` on `#3278FF`	Aa	1.81:1	Fail

Similar palettes 25 more in this mood