Ballet

#f7d5d4

Soft pale blush-peach for delicate Orange UI accents

Save
Share

About Ballet

Ballet is softer than its neighbors, noticeably less saturated, which means it leans more toward mauve-pink than peach. Where announces itself and plays it cool, this one sits somewhere between a diluted rose and pale clay. It's the shade that almost reads monochromatic until you place it next to white, then suddenly there's warmth there.

You'll find it working in beauty and wellness apps that want to feel gentler than energetic, fashion e-commerce for brands positioning themselves as soft or romantic, and interior design contexts where you need color without visual weight. It pairs surprisingly well with warm grays and muted terracottas, places where would feel too assertive. The desaturated quality makes it function almost like a background in some layouts, but unlike Air-, it doesn't disappear into nothing.

The trade-off: that diluted undertone means contrast matters. Pair it with charcoal or deep brown and it reads intentional. Pair it with something pale and midtone, and it flattens entirely. It's the one you reach for when you want color that works harder than it looks.

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.36:1Fail

On Gray 100 #f5f5f5

Aa
1.25:1Fail

On Gray 900 #18181b

Aa
13.01:1AAA

On Black #000000

Aa
15.42: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

#fdd7d8
#fad9da
#ffd3cf
#f6dbd8
#fbd7cc
#f4dbd9

Create a gradient with Ballet

Open the generator with this color pre-loaded.

Start creating