Twilit Cocoa color palette — #FEE1C7 · #694100 · #372400 · #1A1200 · #020100

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

The five colors

• Parchment (#FEE1C7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#694100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#372400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1A1200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: 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

• Cellar Corridor color palette (#F7D7CC, #A15B00, #5A3B00, #161200, #010100)
• Twilit Chestnut Grove color palette (#F1ECD2, #726300, #302A00, #0C0900, #020100)
• Olive Lagoon color palette (#E9E1CF, #878B54, #4E7123, #3C2C00, #010100)
• Cellar Garnet Courtyard color palette (#F6DCDC, #9B001B, #540400, #2A0500, #030000)
• Midnight Thicket color palette (#E6F1DC, #336800, #074B09, #00210A, #000602)
• Smoked Delta color palette (#E2EBFC, #006A7A, #006330, #030D0B, #010100)
• Quiet Alley color palette (#DFEDDC, #009F3A, #006B3F, #00432C, #002017)
• Hazy Amber Chapel color palette (#F2E2CC, #CB9300, #836700, #4F4400, #2E2B00)

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