Cocoa Terrace color palette — #FAF5EB · #CEC099 · #81855A · #795F57 · #5F4A00

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

The five colors

• Ivory (#FAF5EB): bright and airy, almost weightless.
• Sand (#CEC099): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#81855A): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#795F57): A full-bodied, dusty orange — the color of toasted spice.
• 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 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

• Chestnut Station color palette (#F5F6ED, #A4CDAD, #5D8D75, #8A5A21, #485407)
• Timeworn Driftwood color palette (#F8F1E5, #CFC2A0, #8F843B, #735963, #33312A)
• Muted Cocoa color palette (#FFF2EB, #DFDACD, #CEC898, #A38173, #743D0E)
• Dusty Driftwood color palette (#FFF2EB, #FFB8A3, #B26E5B, #724639, #3E3733)
• Timeworn Delta color palette (#EEF8F0, #BBD9C9, #7AA698, #797B93, #3D5347)
• Worn Jade Cabin color palette (#FBF6DF, #94AF5F, #4D7731, #754031, #334018)
• Muted Amber Alley color palette (#FFF2EB, #CE8164, #908E3D, #96686C, #48413D)
• Tempered Coral Station color palette (#FFF2ED, #E79792, #9392C7, #A15C58, #5F4353)

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