Sablé
#f6d8be
Powdery peach-beige for softer UI backgrounds
About Sablé
Sablé always reminds me of the outer crumb of a shortbread cookie right before it browns: light, creamy, and slightly dusty. Compared with Gentle Caress, it has less pink-skin softness and more of that tan-cookie calm. And unlike Burrito, it never leans into caramel depth. It also reads less fruity than Peach Puff, staying more neutral and beige-leaning than peach-forward.
It's my go-to for backgrounds that feel warmer than pure white but don't tip into sunscreen-orange territory. In UI, it's great for e-commerce category pages, checkout panels, and packaging mockups where the photo needs to stay the hero and the interface needs to stay friendly. I like it for skincare, wellness onboarding, and food labels that want a warm baked feel without the boldness of Burrito. This is the one you reach for when your page needs soft warmth with restrained saturation.
Quirk: place it next to strong yellows and it can look a touch more muted than you expect, so I usually anchor with clean off-whites or warm neutrals that are slightly richer.
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.
