Cocoa Terrace color palette — #FBF4EC · #EBDDB9 · #A1C190 · #AD957E · #604A00

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Wheat (#EBDDB9): A whisper-light, dusty gold — the color of old brass.
• Sage (#A1C190): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#AD957E): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Fern Thicket color palette (#F6F6E9, #CBDCB9, #5ABEC5, #959369, #334B07)
• Dusty Mallow color palette (#F1F9E5, #91DAB0, #F8A0B7, #D78E7C, #41433D)
• Stone Chapel color palette (#F2F8E5, #C2ECE4, #EAD4DE, #BFBC8C, #455145)
• Clover Lantern color palette (#FFF4E2, #C0DB86, #00C378, #A4843C, #354019)
• Hushed Mint Archive color palette (#FFF5D8, #B8E0A8, #77D194, #4E9F95, #405543)
• Lagoon Delta color palette (#EDF4ED, #A8CDB9, #5E8E82, #576656, #24362C)
• Patina Powder Delta color palette (#FAF4F0, #C4DFE9, #97CCFF, #6BB39B, #604B5A)
• Hushed Jade Alley color palette (#E5E1CB, #65BC88, #00928C, #5F6A29, #002210)

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