Twilit Cocoa Basin color palette — #E6F2E7 · #5C3F00 · #232419 · #00130C · #000401

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E6F2E7): bright and airy, almost weightless.
• Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#232419): quiet, heavy and certain.
• Ink (#00130C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Twilit 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

• Bronze Pier color palette (#F6EADB, #A06F00, #414600, #291A00, #040100)
• Inked Chestnut color palette (#DEF3E1, #7D5900, #2C2300, #161A23, #000D02)
• Obsidian Grove color palette (#DBEDE8, #414750, #1A3600, #151B21, #000603)
• Patina Forest color palette (#E1F2F2, #006639, #3B3941, #001F1E, #000C0C)
• Midnight Cocoa Dune color palette (#F7DBEA, #722D00, #37352E, #160D00, #0A0005)
• Olive Studio color palette (#E8F5F1, #718737, #264242, #1C2C28, #101716)
• Muted Aubergine Bloom color palette (#ECF0E0, #546200, #5629A8, #55157A, #101400)
• Weathered Canyon color palette (#DDF0E4, #688542, #00532B, #4E182E, #121F00)

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