Twilit Cocoa Basin color palette — #D4E9D5 · #624200 · #002C4A · #240400 · #040000

Built around Bronze, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#D4E9D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#624200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#240400): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Obsidian Cocoa color palette (#FFE5EE, #6A3D00, #002E42, #1B002C, #020005)
• Lowlit Onyx Basin color palette (#DBF8E9, #423D00, #1C2622, #000E5E, #100500)
• Cellar Forest color palette (#C4EBE6, #055A11, #002E42, #24002B, #120400)
• Moonless Chapel color palette (#D4E9E1, #464F00, #3A0064, #1D0028, #040002)
• Smoked Spruce Courtyard color palette (#CFECEB, #3C4048, #004223, #0C171A, #000809)
• Cellar Studio color palette (#D0EBD9, #537338, #00412E, #261E00, #010400)
• Aged Onyx color palette (#E7E0CC, #706900, #005143, #46003D, #090800)
• Smoked Pine Alley color palette (#E3E6D7, #0A7D1B, #004063, #2B0021, #020100)

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