Hushed Cocoa Villa color palette — #FFF1F6 · #F7D1C9 · #DBB7A9 · #AF9485 · #734107

A conversation between Bronze and Stone, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#F7D1C9): A whisper-light, dusty orange — the color of autumn markets.
• Stone (#DBB7A9): A luminous, dusty orange — the color of sun-warmed clay.
• Taupe (#AF9485): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#734107): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Fern Dune color palette (#F7F5EB, #E2DFC2, #A4BF96, #8DA08B, #564E00)
• Airy Delta color palette (#FFE0E4, #F8B5D9, #EC87A1, #B17A41, #5F470B)
• Driftwood Basin color palette (#E7FAF4, #E8CADD, #C99FA3, #83853D, #495509)
• Timeworn Atelier color palette (#E9F6E6, #D6C5D8, #A88E96, #5C6A52, #394332)
• Weathered Grove color palette (#FFE2DF, #CA927B, #C76B5B, #76672C, #282C00)
• Bronze Harbor color palette (#EFDEED, #E2A3C3, #CB8495, #9F6F3A, #37342D)
• Muted Mallow Chapel color palette (#FFEAF4, #DEC9FF, #CDA0EF, #AB85BA, #634449)
• Weathered Workshop color palette (#FEE3EA, #9D739E, #9D477E, #713C1D, #1C0D00)

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