Twilit Cocoa color palette — #FAD5E1 · #623B00 · #2C2A19 · #100E00 · #060002

A conversation between Bronze and Shell Pink, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#FAD5E1): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#623B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2C2A19): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#100E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Bronze Dune color palette (#F0DBCC, #8A5D00, #544800, #242900, #020800)
• Garnet Alley color palette (#F7DFF6, #85001F, #322D28, #190800, #050005)
• Wandering Corridor color palette (#DEEADF, #AF7B00, #444918, #122D16, #1B0C14)
• Fern Balcony color palette (#CDE8E2, #336000, #35343E, #001E15, #000303)
• Grape Corridor color palette (#C8ECD9, #746B00, #5536C1, #3F3900, #06001F)
• Timeworn Parlor color palette (#D8EBE8, #079123, #00423A, #002203, #000A06)
• Muted Cabin color palette (#D5E5D8, #717C1F, #0B540A, #451833, #050700)
• Bronze Lantern color palette (#FBD6CC, #906F22, #46562B, #2F2E57, #0C0829)

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