Butter Up
#f4e0bb
Lighter, clearer butter-yellow green for crisp headers
About Butter Up
Butter Up is the warmest thing in this lineup, and it knows it. There's actual yellow underneath, the kind that doesn't apologize or try to pass as neutral. It's still pale, nothing aggressive, but it's got more color commitment than Cloud of Cream or Creamy Vanilla, which means it reads as a deliberate choice instead of a safe default.
You'll land on it for food and hospitality interfaces, recipe blogs, and product pages where that warmth feels right to the context. It pairs beautifully with deep charcoal or forest green type because the contrast is real, and the color stays grounded instead of floating. Use it on backgrounds where a cooler cream would feel wrong, where you need the warmth to actually do work.
The catch: because it's warmer and more saturated than its siblings, it needs to earn its place. Put it next to true whites and it'll look positively golden. Pair it with very pale grays and it loses definition fast. But next to anything with depth, dark imagery, rich typography, strong accents, it anchors without overshadowing.
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.