Cappuccino Cosmico
#e1ddcd
Warm cappuccino-gray with cosmic dust undertone
About Cappuccino Cosmico
Cappuccino Cosmico sits right where warm and neutral shake hands, it's got actual gray in the undertone, but not enough to feel institutional. Pull it next to Closet Skeletons and you'll see the difference immediately: this one has warmth that reads as intention, not accident. It's darker than Cauliflower, denser than the lighter grays, but it doesn't push back the way Calcium Rock does.
This is the background for when you need restraint with personality. It works in editorial layouts, packaging design, and interfaces where pure white feels too sterile but full neutrality kills the room. Type sits on it with real authority. Photography doesn't compete with it. The warmth keeps it from reading cold or corporate, which matters in SaaS dashboards and publishing platforms where you want humans to feel welcome, not audited.
Pair it with cool blacks and the warmth becomes a feature. Pair it with warm blacks and it disappears just enough to let content breathe. The trick is knowing it sits between two jobs, too much color nearby and it becomes invisible; too little and the warmth starts showing up where you didn't plan for it.
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.
Similar colors
Create a gradient with Cappuccino Cosmico
Open the generator with this color pre-loaded.
Start creating