Peach Beach
#fdcfa1
Softer peach tint for airy, light UI headers
About Peach Beach
Peach Beach reads like a sunlit peach slice with a smoother, silkier glow than the clay-bright feel of Granola or the fruitier punch of Apricot Sherbet. Compared to Chai Latte, it doesn't pull brownward or go steeper in that "steeped" way. It stays lighter and more even, with a gentle coral-peach undertone that feels airier and less muted.
I use Peach Beach when I need approachable warmth without tipping into orange-fruit intensity. It's the kind of shade that works hard in food and hospitality surfaces like menu callouts, check-in cards, and reservation confirmation screens, especially when you've got creams, light woods, or neutral photography. It also shows up well in wellness and beauty UI where you want soft emphasis on buttons, badges, and section headers.
One quirk: on darker displays it can drift a touch less rosy. If that happens, pair it with deeper apricot or warm taupe text so it keeps its peach tone.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
