Hushed Cocoa color palette — #FDF4E7 · #FFD1C2 · #B0A269 · #656EA2 · #5D3400

Cocoa and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Shell Pink (#FFD1C2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#B0A269): A luminous, dusty green — the color of fresh herbs.
• Slate (#656EA2): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Jade Delta color palette (#FFF3E7, #EFDBA5, #7CB184, #846492, #4C3E00)
• Ancient Bloom color palette (#FDF2EF, #FDB7B5, #7EA770, #5963AD, #542A2A)
• Dusty Petrol Atelier color palette (#FCF4E5, #FFCBE8, #CE917A, #237CA1, #513833)
• Fern Balcony color palette (#F8F5ED, #C3E0D3, #A9B48C, #A37A75, #4D4800)
• Muted Pier color palette (#E9FBEC, #DC9376, #82783D, #48587F, #544248)
• Wandering Sand Veranda color palette (#EAFAEE, #F6C78E, #C1AD6A, #5F9A80, #3E4C40)
• Apricot Garden color palette (#FEF0DB, #D89E5F, #8A7640, #465A17, #362A1A)
• Antique Emerald Field color palette (#FFF3E7, #D4B268, #499148, #683783, #242300)

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