Peach and Quiet
#ffccb6
Lighter, muted peach for calm UI sections
About Peach and Quiet
Peach and Quiet looks like the leftover glow on a peach slice after the light shifts, not like a bold paint wash. It's notably calmer and lighter than Dolly Cheek, with less of that pink-pressed blush feel. And compared to Dainty Peach, it has a bit more body and "reads" more cleanly, without turning candy-clay or tabletop-soft like Piggy Bank.
I use it on beauty and wellness product screens when the goal is friendly warmth that stays gentle on scroll. Think skincare PDP tiles, nail polish preview cards, and onboarding panels where you want the page to feel lived-in but not sugary. It's also great for fashion e-commerce thumbnails that need warmth without drifting into coral, especially when the surrounding UI is neutral.
One quirk: because it's so airy, it can flatten next to stronger peaches. Pair it with charcoal or deeper terracotta type so it keeps its quiet peach character instead of blending into the background.
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.
