Hushed Cocoa Basin color palette — #FFE9DB · #D7D6E3 · #B1A5A4 · #663700 · #2F2822

Bronze and Cream set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFE9DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Silver (#D7D6E3): bright and airy, almost weightless.
• Taupe (#B1A5A4): a calm mid-gray that lets other colors speak.
• Bronze (#663700): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2F2822): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Hushed Cocoa Basin 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

• Worn Cocoa color palette (#D6FFF7, #FFE8E5, #D2CDD7, #672C0D, #241D1A)
• Hushed Balcony color palette (#FAF4ED, #DFE1CC, #A77D3F, #603E00, #211A10)
• Timeworn Stone Ridge color palette (#FEF3E7, #EAB983, #A4AADD, #8C77A4, #36312B)
• Wandering Villa color palette (#EDF6FF, #F0F884, #E6D3D2, #5B4B00, #28251C)
• Weathered Taupe Pier color palette (#F7F5EE, #D6DCD6, #ACB4BE, #89A894, #504D44)
• Dusty Marigold color palette (#DBE4FF, #8CDEFF, #FFA750, #5C4644, #3C3638)
• Softworn Turquoise Orchard color palette (#F7F6EA, #ADBE81, #44A4B9, #7B5980, #2D2211)
• Tempered Sand color palette (#FFEDF4, #9AF2FF, #FFC190, #482706, #180E05)

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