Cocoa Basin color palette — #F4E6D0 · #693800 · #282300 · #000D15 · #020100

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

The five colors

• Parchment (#F4E6D0): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#693800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#282300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000D15): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, 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

• Garnet Dune color palette (#EDDDC1, #862000, #252600, #04003A, #070200)
• Smoked Harbor color palette (#F5EAD9, #4A4900, #002C0D, #08002F, #010100)
• Onyx Pier color palette (#F5E9D8, #39423C, #382600, #101610, #020200)
• Hushed Delta color palette (#D4EBD8, #915100, #463E00, #002332, #060300)
• Nocturne Lantern color palette (#F1EAD5, #486300, #023406, #2B0500, #010100)
• Airy Bronze Field color palette (#F0E1CA, #9A7000, #425400, #002C57, #140D00)
• Faded Navy color palette (#EADECC, #6E6700, #00490E, #140061, #040600)
• Faded Emerald color palette (#EEE1C7, #3C9700, #006052, #48006D, #001807)

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