Cocoa Terrace color palette — #FDF3E8 · #DBD3A1 · #A09D79 · #897782 · #614A00
A conversation between Bronze and Wheat, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF3E8): a clean, paper-quiet neutral.
- Wheat (#DBD3A1): A whisper-light, dusty green — the color of new leaves after rain.
- Taupe (#A09D79): A luminous, dusty green — the color of new leaves after rain.
- Driftwood (#897782): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#614A00): 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
- Antique Terrace color palette (#FDF3EB, #CEBF9E, #87853C, #755E6B, #614900)
- Weathered Fern Meadow color palette (#F7F6E5, #9DD3B2, #5D9D93, #8A676A, #3A4A00)
- Muted Station color palette (#FFF2EF, #E1DACF, #AAADB7, #B59485, #7E4026)
- Hushed Stone Basin color palette (#F0F8F0, #BFDEE9, #8CBAAA, #7D84A1, #364C40)
- Patina Cocoa color palette (#FFF2ED, #FFCFCA, #CB857E, #8D5C53, #602409)
- Powder Coast color palette (#FAF4ED, #C5E0F3, #9FB0DE, #6C9077, #614B56)
- Wandering Shell Parlor color palette (#FFF2EE, #FAACB3, #71C2BD, #B8777E, #3D543B)
- Wandering Dune color palette (#FCF5E0, #A0C08D, #3E936B, #7A5861, #36362F)
Browse the whole catalog at Explore, or see today's palette.