Twilit Cocoa color palette — #F6DFCC · #713800 · #2E2B00 · #001508 · #040001
Bronze and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F6DFCC): A whisper-light, dusty gold — the color of old brass.
- Bronze (#713800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001508): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
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
- Basalt Basin color palette (#F3EADA, #4B3900, #0D2500, #000A08, #040000)
- Chestnut Drift color palette (#EBDDD2, #895000, #4E3100, #261800, #060300)
- Deep Mulberry color palette (#E6DCED, #870053, #312A00, #001622, #160009)
- Misty Rose color palette (#FFE5D7, #FE2E50, #C04300, #693B00, #060100)
- Bronze Parlor color palette (#FCD9BE, #B15300, #564D00, #003617, #23000B)
- Moonless Brick Boulevard color palette (#F7E7E1, #C2001E, #004831, #001921, #01000A)
- Ancient Olive Archive color palette (#D0EEDD, #726800, #005425, #002D2F, #000814)
- Pine Hollow color palette (#EDF1DB, #007C4E, #004130, #2D1900, #000401)
Browse the whole catalog at Explore, or see today's palette.