Butter Yellow

A smooth, warm yellow like freshly churned cream

HEX#FDF0A6
RGBrgb(253, 240, 166)
HSLhsl(51, 96%, 82%)
HSVhsv(51, 34%, 99%)
CMYKcmyk(0%, 5%, 34%, 1%)
HEXA#FDF0A6FF
RGBArgba(253, 240, 166, 1)
HSLAhsla(51, 96%, 82%, 1)
OKLCHoklch(97.5%, 0.049, 100)
LCHlch(97.3%, 18.2, 132)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#FDC4A5
Copy
#FDF0A6
Copy
#DEFDA5
Triadic3 hues spaced 120° apart
Copy
#FDF0A6
Copy
#A5FDF0
Copy
#F0A5FD
Split ComplementaryMain color + colors adjacent to its complement
Copy
#FDF0A6
Copy
#A5DEFD
Copy
#C4A5FD
Complementary2 hues spaced 180° apart
Copy
#FDF0A6
Copy
#A5B2FD
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#FDF0A6
Copy
#A5FDC4
Copy
#A5B2FD
Copy
#FDA5DE
MonochromaticSingle hue with varying saturation and lightness
Copy
#D2B304
Copy
#FBDF41
Copy
#FDF0A6
Copy
#FFFFFF
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#5F5102Ratio 6.8:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#4F7802Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#1BA003Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#04BEA2Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#7D6B03Copy
#AA9103Copy
#DCBC04Copy
#FAD814Copy
#FBE046Copy
#FCE873Copy
#FDF0A5Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#E3DDC0Copy
#E7E1BBCopy
#ECE4B6Copy
#F0E7B2Copy
#F4EAAECopy
#F9EDAACopy
#FDF0A5Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#524D2DCopy
#796F34Copy
#A99837Copy
#D1BB3DCopy
#E6D25BCopy
#F4E27BCopy
#FDF0A5Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#FDDAA5Copy
#FDE1A5Copy
#FDE9A5Copy
#FDF0A5Copy
#FDF7A5Copy
#FCFDA5Copy
#F4FDA5Copy

💡 Use Cases

🍰

Bakery & Pastry

Butter yellow is the dominant visual color for cake shops. The warm yellow base of sponge cakes and buttercream makes strawberries appear redder and blueberries bluer, doubling the visual appeal.

👶

Maternity & Baby Products

Baby bedding and comfort toys heavily use butter yellow. This gender-neutral color has the highest visual warmth, giving newborns a sense of continuity from the womb.

🏠

Bedroom Walls

Warmer than pure white and less stimulating than bright yellow, a butter yellow wall in the morning light feels like being smeared with butter. The first thing you see upon waking is tenderness.

💌

Journaling & Stationery

Butter yellow sticky notes and washi tape are perennially popular in the journaling community. Paired with brown text, every page exudes the aroma of freshly baked bread.

📜 Origin & History

The history of butter yellow is as old as dairy civilization. Around 8000 BC, Mesopotamians began domesticating cows and discovered that a layer of pale yellow fat would float to the surface of milk after it settled. Sunlight passing through a tent gap onto the cream in a clay pot—that milky, warm yellow was one of the earliest food colors perceived by humans.

In medieval Europe, monasteries carried on the traditions of cheese and butter making. Nuns churned fresh milk with wooden pestles in stone kitchens, and during the separation process, the butter changed from milky white to a soft, warm yellow. Dutch painter Vermeer accurately captured this homemade butter color in 'The Milkmaid.'

In 18th-century France, the Rococo movement introduced butter yellow into living spaces. Madame de Pompadour favored this color, gentler than pure white and more restrained than pure yellow. The walls of her Petit Trianon at Versailles were butter yellow, accented with gilt molding, defining the tone of French elegance.

In the 19th century, Impressionist painters left their studios to chase natural light, and butter yellow became their top choice for depicting sunlight. Monet insisted on butter yellow for the dining room walls of his Giverny garden home, saying this color 'could make breakfast on a cloudy day feel sunny.' Visitors to his home today are still touched by the warmth of that wall.

After WWII, the Baby Boomer generation bought suburban homes en masse. Kitchen appliances shifted from heavy cast iron to light enamel. Butter yellow refrigerators and mixers entered millions of homes, representing the housewife's vision of a cozy kitchen and the ideal domestic life of that era.

🧠 Color Psychology

Delicate and SoftLike a sponge cake freshly baked by one's mother—fluffy, tender, and melting in the mouth. Butter yellow has no aggression; it just wants to offer you its softest part.
Innocent and PureBaby onesies and security blankets most commonly use this color. It hasn't been dirtied by the world yet, preserving life's earliest memory of warmth.
Sweet but not CloyingUnlike the cloying sweetness of pink, butter yellow's sweetness has a sense of proportion, like milk tea with 70% sugar—just enough to please the taste buds without becoming tiresome.
Soothing and ComfortingIt mimics the color of breast milk and egg custard, touching humanity's most primal sense of security. In moments of anxiety, looking at butter yellow feels like a gentle hug.
Peaceful and ContentBeing with butter yellow requires no effort. It represents a weekend morning without deadlines, the idleness of wearing an old sweater and drinking warm milk.
Slower Pace of the PastThe frosting swirls on an old-fashioned butter cake are this color. It doesn't chase trends, it insists on a handmade rhythm, evoking memories of grandma's slow-moving silhouette in the kitchen.