In Western cultures, butter symbolizes warmth and nourishment, often associated with home-cooked meals and family gatherings. Contrastingly, in some Eastern traditions, yellow hues can represent wealth and prosperity, highlighting the dual nature of this inviting color.
The term 'butter' has roots in the Old English word 'butter', which has connections to the Latin 'butyrum', tracing back to ancient Greece where butter was used in both cooking and as a cosmetic. In the 18th century, butter began to be celebrated as a staple in European kitchens, solidifying its cultural significance.
Ranked by CIE76 ΔE — the perceptual distance from Butter. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 29 Yellows →Nine steps of Butter by lightness — from #858253 (darkest) to #FFFCCE (lightest). Click any to copy.
Sitting opposite Butter at 237° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Butter.
A 50–900 tonal scale with Butter anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #FFFAA0; color-mix(in srgb, #FFFAA0 70%, white) 57°, 37%, 100% 0, 2, 37, 0 16775840 #FFFF99 How Butter appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.