Cocoa Terrace color palette — #ECF9EF · #90AFA2 · #82713F · #734612 · #1C453E

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sage (#90AFA2): A luminous, dusty teal — the color of glacier melt.
• Walnut (#82713F): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#734612): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#1C453E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Driftwood Lagoon color palette (#EBF9EF, #A1C9B2, #A28E51, #7E6535, #2E4239)
• Bronze Alley color palette (#E2F4E2, #AA9D65, #8D5E00, #763300, #323A09)
• Ancient Cocoa Terrace color palette (#FFF0F9, #C09BA9, #9A624C, #7C3A40, #2D4333)
• Washed Pier color palette (#FEF4E2, #D3D692, #BFAA77, #9F8266, #423F00)
• Timeworn Harbor color palette (#D6EDDA, #8C8B51, #6C5100, #542B00, #192A00)
• Dusty Alley color palette (#E9F8FF, #318FA3, #965A80, #744700, #143747)
• Softworn Garnet color palette (#F2D4E6, #B5814E, #983800, #750020, #352600)
• Muted Chapel color palette (#DAE8E0, #5D7027, #413900, #291800, #001001)

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