Cocoa Terrace color palette — #E4E0FF · #A8E0FF · #FFB4B2 · #7C3D25 · #3B3532

Bronze takes the lead with Rose Quartz close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E4E0FF): A whisper-light, dusty violet — the color of wild irises.
• Powder Blue (#A8E0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Rose Quartz (#FFB4B2): A whisper-light, balanced orange — the color of sun-warmed clay.
• Bronze (#7C3D25): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3B3532): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Worn Courtyard color palette (#BEEDFF, #6AEDFE, #FFB4B1, #4E4643, #393331)
• Weathered Thicket color palette (#FFE9FA, #CCD5FF, #FFBC65, #653F00, #352E26)
• Muted Ridge color palette (#E8DFFF, #24F4B4, #FFA84B, #584745, #3D3236)
• Timeworn Cocoa Grove color palette (#FCF4EB, #E3CFA6, #9C7449, #6D4200, #302A24)
• Quiet Marigold Atelier color palette (#E6E4F2, #86C8FF, #FA9A2C, #58340C, #2B221A)
• Celadon Thicket color palette (#FFD9E0, #BBEF8F, #FFC97D, #6F6963, #3B352E)
• Hushed Taupe Field color palette (#F8F5EF, #D7DCD6, #A6B7B6, #AA9A75, #55524C)
• Turquoise Studio color palette (#FDF3EB, #D79C76, #4DAAC0, #9B678D, #423C37)

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