Butter Up

#f4e0bb

Lighter, clearer butter-yellow green for crisp headers

Save
Share

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 or , 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 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.29:1Fail

On Gray 100 #f5f5f5

Aa
1.19:1Fail

On Gray 900 #18181b

Aa
13.69:1AAA

On Black #000000

Aa
16.23:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#f2debc
#f8deb8
#eee0b9

Create a gradient with Butter Up

Open the generator with this color pre-loaded.

Start creating