Hushed Cocoa Terrace color palette — #FDF4E8 · #CDC09D · #74895E · #735F6A · #5F4A00

Built around Bronze, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Sand (#CDC09D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#74895E): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#735F6A): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Hushed Driftwood Pier color palette (#F9F0E8, #CCC3AA, #858840, #6E5B66, #33312A)
• Dusty Workshop color palette (#FFF2ED, #E0DBCE, #A5CBB1, #A17E7E, #794313)
• Weathered Ash color palette (#FCF2F5, #BBD9C9, #78A69E, #757D92, #415249)
• Shell Alley color palette (#FFF2EA, #FAB19E, #B07461, #714437, #3B3430)
• Tempered Bloom color palette (#FFF2ED, #EE948A, #4CA9AF, #9A615B, #3C5440)
• Olive Lagoon color palette (#FCF3EF, #C7EDE4, #69A3B7, #607838, #335149)
• Cypress Drift color palette (#F8F6E7, #78A97D, #00745D, #643F44, #35362F)
• Coral Corridor color palette (#FFF2EC, #D47C6E, #46989F, #517598, #6A2F0E)

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