What are the hex codes in the Blueberry Muffin palette?

The Blueberry Muffin color palette consists of Ink #22223B, Dusk #595D79, Stone #9A8C98, Eggshell #F2E9E4.

How should I use the Blueberry Muffin palette on a website?

Use Eggshell #F2E9E4 as the background, Ink #22223B for text, Dusk #595D79 for buttons and links, and Stone #9A8C98 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Eggshell at 12.91:1.

Which colors in Blueberry Muffin have enough contrast for text?

The highest-contrast pair is #22223B on #F2E9E4 with a ratio of 12.91:1, which passes WCAG AA for normal text.

#22223BInk

#595D79Dusk

#9A8C98Stone

#F2E9E4Eggshell

Blueberry Muffin color palette

Muted Vintage Dark Minimal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#22223B`	`rgb(34, 34, 59)`	`hsl(240, 27%, 18%)`	`oklch(26.5% 0.046 283)`
Dusk	`#595D79`	`rgb(89, 93, 121)`	`hsl(233, 15%, 41%)`	`oklch(48.6% 0.045 278)`
Stone	`#9A8C98`	`rgb(154, 140, 152)`	`hsl(309, 6%, 58%)`	`oklch(65.6% 0.024 330)`
Eggshell	`#F2E9E4`	`rgb(242, 233, 228)`	`hsl(21, 35%, 92%)`	`oklch(94.0% 0.012 51)`

Why it works and how to use it

Blueberry Muffin is a muted complementary color palette tagged muted, vintage, dark. Ink and Eggshell sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Every color is softened, so it works well as a background system for text-heavy layouts. Warm and cool hues are mixed, which adds depth.

It works because the lightness range is wide (18% to 92%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Background: Eggshell (#F2E9E4) is the lightest color, so it belongs on large surfaces.
Text: Ink (#22223B) on #F2E9E4 gives 12.91:1, passing WCAG AAA.
Primary: Dusk (#595D79) is the most saturated mid-tone; use it for buttons and links (5.37:1 against the background, fine for UI elements).
Accent: Stone (#9A8C98) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Blueberry Muffin

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

#22223B

#595D79

#9A8C98

#F2E9E4

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
`#22223B` on `#F2E9E4`	Aa	12.91:1	AAA
`#595D79` on `#F2E9E4`	Aa	5.37:1	AA
`#22223B` on `#9A8C98`	Aa	4.84:1	AA
`#9A8C98` on `#F2E9E4`	Aa	2.67:1	Fail
`#22223B` on `#595D79`	Aa	2.4:1	Fail
`#595D79` on `#9A8C98`	Aa	2.01:1	Fail

Similar palettes 24 more in this mood