Hushed Cocoa Villa color palette — #FFF2EF · #E4D9C7 · #C1C799 · #97728E · #713518

A conversation between Rust and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E4D9C7): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C1C799): A luminous, dusty green — the color of fresh herbs.
• Heather (#97728E): A full-bodied, dusty pink — the color of a candy shop window.
• Rust (#713518): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Hushed Cocoa Villa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Washed Pewter color palette (#FFF1F4, #E4D6D3, #E1BCA6, #716EA0, #5C4144)
• Driftwood Garden color palette (#FEEBFD, #E9CFD4, #DCC093, #AD6575, #432D40)
• Airy Rust Summit color palette (#FFF3E8, #F7E4A2, #90C77C, #B2584F, #523F09)
• Bronze Lantern color palette (#FFF3E5, #B3A77B, #8E6B3E, #71452F, #3F3D36)
• Cocoa Atelier color palette (#F5E6CC, #A5C789, #45A491, #763F00, #322800)
• Quiet Mulberry color palette (#FFF2F0, #FFC08D, #ACB13F, #9C2364, #562800)
• Pine Cabin color palette (#FCF3ED, #D8A083, #328244, #91491C, #232612)
• Hushed Seafoam color palette (#DDDEEB, #39F6CF, #EC7687, #433D38, #332724)

Browse the whole catalog at Explore, or see today's palette.