Peach Scone

#ffbcbc

Lighter peach glow for gentle Orange accents

Save
Share

About Peach Scone

Peach Scone looks like the inside of a lightly browned scone crumb, just glazed: soft, powdery, and noticeably peach-leaning instead of pink. Compared to , it's less "sweet-candy" and more baked, with a calmer saturation. Compared to , you'll feel the warmth in it right away, not the muted, almost neutral pink quiet. And unlike , which sits cooler and more balanced toward mauve, Peach Scone stays warmer and more consistently peach from edge to edge.

I use it for onboarding and form flows in consumer apps where you want friendly momentum without turning romantic. It's great on beauty and wellness product cards, subscription landing pages, and minimalist brand sites that still need a warm background wash behind type and icons. In motion UI, it reads gentler than the other peach options, so it works harder than it looks on hero panels and category headers. It's also my go-to the one you reach for when you need approachable warmth but don't want the surrounding oranges to feel syrupy.

One note: next to the paler pinks, it can look slightly dustier, so either give it cleaner neutrals or push nearby accents a touch warmer to keep the whole surface from looking mismatched.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.59:1Fail

On Gray 100 #f5f5f5

Aa
1.46:1Fail

On Gray 900 #18181b

Aa
11.11:1AAA

On Black #000000

Aa
13.17:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#ffbbbb
#ffc0c6
#f7bfc2
#ffb6c1
#ffc0cb

Create a gradient with Peach Scone

Open the generator with this color pre-loaded.

Start creating