Cocoa Basin color palette — #EAF8FA · #59A998 · #626CA1 · #7E3C46 · #45451A
A conversation between Oxblood and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF8FA): bright and airy, almost weightless.
- Turquoise (#59A998): A luminous, balanced teal — the color of sea glass.
- Slate (#626CA1): A full-bodied, balanced violet — the color of wild irises.
- Oxblood (#7E3C46): A full-bodied, balanced red — the color of late-summer berries.
- Deep Olive (#45451A): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Tempered Chestnut color palette (#EDF7FD, #63A2BB, #895F8D, #7C4300, #224C35)
- Muted Pewter color palette (#E7F5F3, #7CAB71, #8F5C92, #743923, #381D2F)
- Petrol Courtyard color palette (#EBF9F5, #89A171, #0E7E90, #58487F, #5F3435)
- Dusty Pewter Dune color palette (#E1FBFF, #B0CCD9, #7D92A5, #786A80, #5C4A56)
- Grape Boulevard color palette (#E6F9FF, #008F95, #5D38BC, #7B001F, #343200)
- Weathered Iris Corridor color palette (#F8F5E9, #B3B76C, #7588CE, #896026, #47413C)
- Wandering Petrol color palette (#E6F9FF, #77BBC4, #2E95B4, #006B93, #37546D)
- Aged Seafoam Balcony color palette (#F0F8EC, #77DDC7, #9AA6DD, #A9777D, #44423B)
Browse the whole catalog at Explore, or see today's palette.