Cocoa Coast color palette — #E8F9FE · #006E70 · #6B4700 · #333E00 · #002526

Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8F9FE): bright and airy, almost weightless.
• Teal (#006E70): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#6B4700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#333E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002526): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Cocoa Coast 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

• Softworn Petrol color palette (#DFF2FF, #006B93, #444300, #003D16, #001C1D)
• Antique Cocoa color palette (#E7FAFA, #007F57, #843300, #402F00, #00221C)
• Patina Cerulean color palette (#ECF7FD, #008F9F, #685300, #2F4900, #062C31)
• Linen Orchid Basin color palette (#FFF1F4, #A668DB, #AC3873, #605300, #062619)
• Midnight Studio color palette (#D3E2E9, #004D56, #3E2E00, #151F00, #000906)
• Tempered Olive color palette (#EEF6FF, #5A88B0, #57722B, #005941, #24373F)
• Ancient Nightshade color palette (#E6EBFB, #563AAD, #004D38, #002A32, #000F29)
• Hazy Archive color palette (#F0F5FF, #4D6EC9, #006820, #004843, #00283C)

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