Twilit Cocoa color palette — #FEE0CA · #674700 · #373200 · #071500 · #000201

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#FEE0CA): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#674700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#373200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#071500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Dusty Bronze color palette (#FFE2CD, #886100, #4D4700, #173400, #001005)
• Deep Aubergine color palette (#F7ECD4, #594C00, #59007C, #241E00, #030005)
• Onyx Chapel color palette (#FFE7DA, #704813, #4C1400, #23000A, #020100)
• Terracotta Chapel color palette (#F8DDE1, #9A120F, #442300, #140C00, #010100)
• Petrol Dune color palette (#F1E8C8, #6A9470, #007390, #462800, #010300)
• Deep Alley color palette (#E1EFD6, #467000, #253200, #131F24, #050800)
• Eclipse Aubergine color palette (#DEE5D6, #2E4300, #3C007C, #360039, #010100)
• Velvet Mulberry color palette (#F6DBEE, #AA0046, #0D4D05, #030F0B, #000200)

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