Cocoa Terrace color palette — #EBFAED · #8DB0A1 · #866F42 · #7A401D · #25443F

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

The five colors

• Ivory (#EBFAED): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8DB0A1): A luminous, dusty teal — the color of glacier melt.
• Walnut (#866F42): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#7A401D): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#25443F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Cocoa color palette (#DBEDE0, #929C6F, #77611D, #693400, #0F3835)
• Driftwood Workshop color palette (#EBFAED, #C7BF91, #AA8A48, #855B6A, #274439)
• Cocoa Corridor color palette (#EDF6FF, #4B86B8, #7564A6, #803E00, #203548)
• Antique Olive color palette (#CBEFDA, #668049, #4F4600, #3C2100, #001C0D)
• Hushed Pewter Station color palette (#EFF7F9, #6AC0BB, #8E5792, #006E6B, #252132)
• Chestnut Basin color palette (#F4DDE7, #6D561E, #452100, #290002, #030400)
• Worn Stone Summit color palette (#EDF7FC, #D69BAA, #135B6B, #00343F, #111B2B)
• Muted Aubergine color palette (#D5F8FF, #72B1C6, #4D77B9, #57379C, #5C105F)

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