Cocoa Basin color palette — #EBF9F4 · #85B6DA · #C18979 · #3E79A0 · #753B16

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Sky (#85B6DA): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C18979): A luminous, dusty orange — the color of autumn markets.
• Slate (#3E79A0): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#753B16): A full-bodied, balanced orange — the color of autumn markets.

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

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

• Washed Petrol Study color palette (#E9F4FB, #90B9D5, #CC8A6F, #007DA4, #4B2516)
• Wandering Taupe color palette (#F0F8EE, #7DBEB5, #C48299, #298279, #65433F)
• Softworn Taupe Garden color palette (#FEF0FB, #9AAFE2, #9E9C5C, #5E71A2, #4F4D46)
• Dusty Cerulean Dune color palette (#EBF9F2, #A0D1BB, #DFA179, #0099C9, #524C47)
• Muted Driftwood Workshop color palette (#E1FDF1, #63A0C4, #B37B52, #866D2C, #2E493F)
• Dusty Grape color palette (#FFF1F5, #B190C8, #9A8A3B, #7C4D9B, #4D4205)
• Ancient Nightshade Atelier color palette (#FFF0FE, #6AA2FF, #B86700, #0044AD, #582E00)
• Denim Pier color palette (#FCF2F9, #D0BE99, #4D5D84, #443241, #2D2023)

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