Cocoa Terrace color palette — #FEF4E4 · #FFD0C8 · #C2996A · #278185 · #622F00

Built around Bronze, softened by Teal — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFD0C8): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#C2996A): A luminous, dusty gold — the color of honey in a jar.
• Teal (#278185): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#622F00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Hushed Veranda color palette (#FEF4E3, #FFCBEA, #CC908D, #488158, #533734)
• Petrol Coast color palette (#FEF4E3, #F7D8A8, #9DA96E, #4976A1, #423F38)
• Marigold Cabin color palette (#FCF5E4, #FFB9D3, #D4A469, #6690B9, #4E4643)
• Aged Coral color palette (#EAFAED, #DD9084, #91704B, #266467, #52424B)
• Washed Bronze color palette (#FFF4E2, #FFA770, #A18200, #00627A, #3B2100)
• Ash Basin color palette (#FFF2EC, #DFDCCD, #BEC6A8, #7A9E89, #594959)
• Tempered Lantern color palette (#F5F6EF, #BEE0DC, #9CB893, #A57971, #384F0A)
• Patina Chestnut color palette (#FFF3EA, #D5A183, #734B00, #35281E, #150D0A)

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