Cocoa Terrace color palette — #FFF3E8 · #E9D6C0 · #D0AF93 · #B18871 · #5F4200
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Bone (#E9D6C0): A whisper-light, dusty gold — the color of old brass.
- Rosewood Mist (#D0AF93): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#B18871): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Feathered Amber color palette (#FFF1F2, #FFCBDD, #EBA2A9, #CD6D53, #703901)
- Stone Hollow color palette (#FFF0F7, #CAF0E7, #D2A385, #8A7189, #32443C)
- Bronze Market color palette (#FCECD8, #DCC780, #CE993E, #B86914, #393800)
- Tempered Driftwood Field color palette (#FFECF4, #A9C4A7, #A1795D, #694E61, #233026)
- Patina Bronze color palette (#FAECD2, #BAB576, #A98A37, #935E00, #212800)
- Pale Rust color palette (#FFECE0, #C7916B, #C05A33, #973335, #221200)
- Hushed Teal color palette (#FFF1F4, #DAB1E8, #BEBA7C, #53AD8D, #4D353B)
- Washed Wisteria color palette (#FBF3F4, #F4D0F7, #E7A39E, #D090D6, #332C29)
Browse the whole catalog at Explore, or see today's palette.