Cocoa Terrace color palette — #D7FEEE · #BCA6BD · #9C7F95 · #84595E · #774012

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

The five colors

• Honeydew (#D7FEEE): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#BCA6BD): A luminous, dusty pink — the color of peonies in June.
• Heather (#9C7F95): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#84595E): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#774012): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, 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

• Driftwood Harbor color palette (#F8E7F8, #C6A4BE, #817BA5, #815855, #5D4843)
• Muted Terrace color palette (#C8F8FF, #A1CBE2, #92A0BF, #916E7A, #624650)
• Chestnut Garden color palette (#DBEFCE, #9CBEAA, #A0829A, #805515, #39342E)
• Patina Cocoa Loft color palette (#F3F1D8, #C8E0C9, #CBAECE, #9A8E72, #624A00)
• Driftwood Coast color palette (#E9FDDC, #A7C2A3, #658C73, #755D6F, #5F4B54)
• Aged Pewter color palette (#EAE8FD, #A285B8, #875287, #4D4642, #34312B)
• Indigo Field color palette (#DDECFF, #829CE3, #6D60B2, #743350, #5A2831)
• Weathered Mulberry color palette (#EEDCEE, #A06991, #823952, #532E00, #262700)

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