Shortbread
#f5e6d3
Light neutral butter-yellow for warm, calm layouts
About Shortbread
I keep seeing Shortbread on cereal boxes and café menus, where it reads like warm cream that never fully commits to peach. Compared to Dwindling Dandelion, it's less muted and more smoothly buttery, not soft and faded. And unlike Fondant, it feels more dry and lightly toasted than milky, with a steadier grainy warmth. Where Acropolis leans diluted and washed-out, Shortbread stays more present, keeping its glow without sliding toward beige.
For UI work, I use it as the one you reach for when you need background warmth that still feels bakery-natural, especially in healthcare and wellness interfaces. Think settings screens, empty states, and card surfaces where you want friendliness without the rosy lift. It also holds up well in onboarding flows and packaging mockups for clean-label brands because the tone stays warmer than pure white but doesn't turn candy-orange.
One quirk: it can look a touch chalky next to very glossy creams. Pair it with slightly deeper creams, or a cooler gray, so the page stays intentional instead of flat.
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.