Cocoa Terrace color palette — #F3E2EA · #AA6D39 · #833B00 · #561A00 · #140800

Bronze takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#F3E2EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#AA6D39): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#833B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#561A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#140800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, 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

• Bronze Summit color palette (#DAF3DE, #937B2B, #6A4D00, #442A00, #0E0B00)
• Weathered Balcony color palette (#FADFED, #8C5C17, #5C2600, #3C0006, #100B00)
• Tempered Amber Boulevard color palette (#EFDDD0, #C36D01, #7A3800, #3E1100, #020100)
• Patina Bronze Delta color palette (#FCD0E1, #D2974F, #AD6200, #813D00, #382500)
• Mulberry Harbor color palette (#F3DFE6, #C05272, #A70036, #5A0009, #210300)
• Ancient Terracotta color palette (#F7E0ED, #CBA0B4, #AC6F51, #8F3F28, #472332)
• Olive Orchard color palette (#D3ECDF, #9DA376, #7B7502, #5B4C00, #1F2900)
• Bronze Meadow color palette (#DDF6E6, #BDB777, #9B852B, #7A5B00, #373900)

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