Twilit Cocoa Basin color palette — #DDF1DD · #5C3C00 · #34372C · #140D00 · #000200

Built around Bronze, softened by Honeydew — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#DDF1DD): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#5C3C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#34372C): a grounded near-black with real depth.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Deep Cocoa Courtyard color palette (#F2DBE8, #722900, #34332C, #1B0900, #040002)
• Midnight Chestnut color palette (#DAEDD9, #835400, #2A3028, #141300, #000200)
• Fern Delta color palette (#EAF6D3, #4D6100, #005854, #5C2D00, #030400)
• Patina Bronze Summit color palette (#F4EAD0, #846E00, #484300, #252600, #0B0D00)
• Deep Forest Workshop color palette (#CBE5E3, #006733, #2F3037, #002015, #000707)
• Dusty Field color palette (#E1F1EF, #62A7C2, #006085, #003841, #000C18)
• Worn Meadow color palette (#D1EEDC, #7C8546, #376618, #003C3E, #00171C)
• Lowlit Cocoa Grove color palette (#EFDDC8, #603D00, #23302C, #101000, #060200)

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