Cocoa Basin color palette — #D3E8D3 · #5F3D00 · #222319 · #001309 · #000400

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Celadon Mist (#D3E8D3): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#222319): quiet, heavy and certain.
• Ink (#001309): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Shadow Fern Courtyard color palette (#D9F0E4, #615D00, #122500, #0F0E00, #000302)
• Bronze Workshop color palette (#F6E4CF, #A46C00, #4C4200, #2B1900, #040100)
• Smoked Spruce color palette (#CEE5DE, #41464F, #213500, #131A1F, #000602)
• Chestnut Market color palette (#F4E4D2, #865400, #394943, #222800, #110700)
• Moonless Workshop color palette (#D7EDEB, #00672F, #38353D, #002019, #000C0B)
• Velvet Cocoa color palette (#FBE1F1, #762800, #403E37, #190B00, #090006)
• Tempered Hollow color palette (#E2F8EF, #778537, #2D413E, #1E2C27, #0D1716)
• Weathered Garnet color palette (#EBEFDA, #586100, #005478, #72003F, #111400)

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