Yoghurt
A light airy beige with sunny undertones
Yoghurt is a luminous, unsaturated beige with a distinct sunny undertone. Because it is so light and airy, it functions best as a dominant 60% base for interiors or minimalist branding. While it pairs well with deep charcoals, avoid using it near stark white, which makes it look dirty. Black text reads clearly against this hex code #ffecc3, ensuring excellent legibility for small body copy.
About Yoghurt
Warm cream left out in morning light
What does yoghurt mean?
Its pale yellow tone often suggests cream, vanilla, and fresh baking. Almost all lightness and very little saturation give it a mellow, low-contrast presence that reads as gentle rather than bold.
Where you see yoghurt
- yogurt
- vanilla custard
- beeswax candles
- unbleached paper
- banana pudding
- oat milk
What it works for
Use it as a warm background for food packaging, spa branding, nurseries, and interfaces that need a softer alternative to white.
What colors go with yoghurt?
Sage Green #9caf88The muted green cools the yellow warmth and keeps the whole combination soft and natural.Terracotta #e2725bDeeper orange-red pigment gives this pale tone a grounded, baked clay anchor.Charcoal #36454fNear-black text or lines gain warmth from the yellow undertone instead of feeling stark.Dusty Blue #8093a4The muted blue sits opposite the warm yellow, creating gentle balance without tension.Burgundy #800020Deep wine red supplies the weight and richness this light shade lacks.
Questions about Yoghurt
What is the hex code for Yoghurt?
Yoghurt is #ffecc3. In RGB that is rgb(255, 236, 195), in HSL hsl(41, 100%, 88%) and in CMYK 0%, 7%, 24%, 0%.
Is #ffecc3 suitable for text-heavy layouts?
Yes, Yoghurt provides excellent legibility for small body copy when paired with pure black text. Because of its light and airy nature, it keeps the background feeling spacious and uncluttered while ensuring the typography remains sharp and readable for the user.
Is Yoghurt readable on white or black?
Yoghurt has a 1.16:1 contrast ratio on white and 18.03:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.