What are the hex codes in the Pale Peach Light palette?

The Pale Peach Light color palette consists of Snow #FFF8F3, Almond #EFDACF, Putty #E5BAA6, Cocoa #7A5A4E.

How should I use the Pale Peach Light palette on a website?

Use Snow #FFF8F3 as the background, Cocoa #7A5A4E for text, Putty #E5BAA6 for buttons and links, and Almond #EFDACF for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Cocoa at 5.87:1.

Which colors in Pale Peach Light have enough contrast for text?

The highest-contrast pair is #FFF8F3 on #7A5A4E with a ratio of 5.87:1, which passes WCAG AA for normal text.

#FFF8F3Snow

#EFDACFAlmond

#E5BAA6Putty

#7A5A4ECocoa

Pale Peach Light color palette

Muted White Gray Beige Brown

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Pale Peach Light is a pastel light, monochromatic color palette tagged muted, white, gray. A monochromatic set: the same hue family from Cocoa down to Snow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Snow	`#FFF8F3`	`rgb(255, 248, 243)`	`hsl(25, 100%, 98%)`	`oklch(98.3% 0.010 58)`
Almond	`#EFDACF`	`rgb(239, 218, 207)`	`hsl(21, 50%, 87%)`	`oklch(90.2% 0.028 50)`
Putty	`#E5BAA6`	`rgb(229, 186, 166)`	`hsl(19, 55%, 77%)`	`oklch(82.2% 0.057 46)`
Cocoa	`#7A5A4E`	`rgb(122, 90, 78)`	`hsl(16, 22%, 39%)`	`oklch(49.8% 0.046 41)`

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (98% down to 39% lightness). A natural fit for social media templates and gentle interfaces.

Pair	Sample	Ratio	Level
`#FFF8F3` on `#7A5A4E`	Aa	5.87:1	AA
`#EFDACF` on `#7A5A4E`	Aa	4.59:1	AA
`#E5BAA6` on `#7A5A4E`	Aa	3.5:1	AA large only
`#FFF8F3` on `#E5BAA6`	Aa	1.68:1	Fail
`#EFDACF` on `#E5BAA6`	Aa	1.31:1	Fail
`#FFF8F3` on `#EFDACF`	Aa	1.28:1	Fail

Pale Peach Light color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Pale Peach Light

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood