Clotted Cream
#f3efcd
Muted cool cream-green for airy, neutral layouts
About Clotted Cream
Clotted Cream is the one that sits between off-white and intentional warmth without committing to either. It's got less yellow than its neighbors, less announcement than Banana Bandanna, less creamy softness than Buttered Popcorn. The saturation is stripped down to almost nothing, which means it reads more as a very pale neutral with a whisper of warmth than as a color with actual personality.
This lands on heritage and food sites, editorial layouts, and old-guard digital products where restraint feels like the whole point. You'll use it for background layers that need to feel intentional but stay quiet, think recipe pages, publishing platforms, or the kind of luxury brand site that trusts white space. It pairs well with deep charcoal or olive, where it gains just enough definition to matter. On very light backgrounds it can flatten, so test it against off-white and cream before you ship.
The difference: Banana Split pulls saturation back until yellow almost vanishes. Clotted Cream goes one step further, it's the palest, the least chromatic, the color you reach for when warmth feels optional rather than built-in.
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.