What are the hex codes in the Sunday Brunch palette?

The Sunday Brunch color palette consists of Saffron #FFCB77, Snow #FEF9EF, Eucalyptus #17C3B2, Cerulean #227C9D.

How should I use the Sunday Brunch palette on a website?

Use Snow #FEF9EF as the background, Cerulean #227C9D for text, Saffron #FFCB77 for buttons and links, and Eucalyptus #17C3B2 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Cerulean at 4.51:1.

Which colors in Sunday Brunch have enough contrast for text?

The highest-contrast pair is #FEF9EF on #227C9D with a ratio of 4.51:1, which passes WCAG AA for normal text.

#FFCB77Saffron

#FEF9EFSnow

#17C3B2Eucalyptus

#227C9DCerulean

Sunday Brunch color palette

Summer White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Saffron	`#FFCB77`	`rgb(255, 203, 119)`	`hsl(37, 100%, 73%)`	`oklch(87.1% 0.118 78)`
Snow	`#FEF9EF`	`rgb(254, 249, 239)`	`hsl(40, 88%, 97%)`	`oklch(98.3% 0.014 85)`
Eucalyptus	`#17C3B2`	`rgb(23, 195, 178)`	`hsl(174, 79%, 43%)`	`oklch(73.6% 0.127 184)`
Cerulean	`#227C9D`	`rgb(34, 124, 157)`	`hsl(196, 64%, 37%)`	`oklch(55.0% 0.095 228)`

Why it works and how to use it

Sunday Brunch is a vivid complementary color palette tagged summer, white. Near-complementary hues (about 159° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Saffron takes the lead while the rest support. Lightness runs from 37% to 97%. Well suited to websites, presentations and branding.

Background: Snow (#FEF9EF) is the lightest color, so it belongs on large surfaces.
Text: Cerulean (#227C9D) on #FEF9EF gives 4.51:1, passing WCAG AA.
Primary: Saffron (#FFCB77) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Eucalyptus (#17C3B2) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Cerulean at 4.51:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Sunday Brunch

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

#FFCB77

#FEF9EF

#17C3B2

#227C9D

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
`#FEF9EF` on `#227C9D`	Aa	4.51:1	AA
`#FFCB77` on `#227C9D`	Aa	3.17:1	AA large only
`#17C3B2` on `#227C9D`	Aa	2.14:1	Fail
`#FEF9EF` on `#17C3B2`	Aa	2.11:1	Fail
`#FFCB77` on `#17C3B2`	Aa	1.48:1	Fail
`#FFCB77` on `#FEF9EF`	Aa	1.42:1	Fail

Similar palettes 24 more in this mood