Beauty and the Beach

#c99680

Light peach-orange for airy seaside layout warmth

Save
Share

About Beauty and the Beach

Beauty and the Beach is the shade that sits between warmth and restraint. It's got more pigment than 's floating quality, but it doesn't have 's visual confidence or 's calculated coolness. This one reads lighter and slightly less saturated than its neighbors, there's air in it. The undertone stays genuinely warm without any mauve creep, so it lands softer than but with actual substance underneath.

You'll reach for this in contexts where orange needs to feel approachable without disappearing: beauty and wellness product interfaces, lifestyle app onboarding, feature imagery in editorial work where you want warmth that doesn't dominate. It works in packaging for skincare and home goods too, anywhere the goal is inviting without heavy. The lightness does real work here, it makes the color feel present without needing visual weight to back it up.

Pair it with warm creams and off-whites. Cool grays will still create friction the way they do with most oranges, so don't expect that to suddenly resolve just because this version is lighter. But that tension, if you're leaning into it intentionally, won't feel as harsh as it would with a more saturated orange.

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
2.57:1Fail

On Gray 100 #f5f5f5

Aa
2.36:1Fail

On Gray 900 #18181b

Aa
6.88:1AAAAA Large

On Black #000000

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

Create a gradient with Beauty and the Beach

Open the generator with this color pre-loaded.

Start creating