Cocoa Basin color palette — #EDF7F9 · #66A69B · #40779A · #7F4010 · #044E45

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

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Turquoise (#66A69B): A luminous, dusty teal — the color of sea glass.
• Slate (#40779A): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#7F4010): A full-bodied, balanced gold — the color of old brass.
• Forest (#044E45): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

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

• Tempered Chestnut Basin color palette (#ECF9F2, #9C9B6C, #3F76A1, #79441A, #464419)
• Mulberry Villa color palette (#ECF7FF, #65A1BE, #3A7996, #7D375E, #134E3B)
• Weathered Chestnut Garden color palette (#F1F5FD, #8497C2, #5C709B, #6F4C00, #2D4363)
• Worn Petrol Station color palette (#F0F8EF, #A9CABA, #5C8C85, #3F6D7D, #3E5349)
• Aged Fern color palette (#ECF8F7, #72A683, #875F90, #425D22, #0D4C4B)
• Timeworn Terracotta color palette (#E2F5FE, #008697, #8E2F2A, #3A3E00, #0D2D0F)
• Cobalt Terrace color palette (#EBF5ED, #5DAAB4, #7067A8, #73373F, #322505)
• Washed Iris Station color palette (#E9F8FE, #6FC0CA, #8E7FCC, #945457, #2A4A3B)

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