Twilit Cocoa color palette — #FFE7D5 · #793700 · #004258 · #341400 · #000102

Bronze and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FFE7D5): A whisper-light, dusty gold — the color of old brass.
• Bronze (#793700): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004258): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#341400): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Eclipse Chestnut Summit color palette (#F8EDD8, #705300, #293336, #1A1300, #020100)
• Moonless Mulberry color palette (#F2DCD8, #891544, #00463B, #3E001A, #000201)
• Inked Aubergine color palette (#FBE4D3, #5B2E00, #003A31, #2E005A, #030100)
• Wandering Bronze color palette (#FDE2CA, #9C5700, #005E74, #422200, #000102)
• Nocturne Loft color palette (#E8DEC8, #584C00, #2716A2, #241E00, #01000B)
• Obsidian Chestnut color palette (#F2EBFE, #006E60, #684D00, #0B0D06, #020100)
• Powdered Terrace color palette (#EFE7D4, #7F6900, #2F46C2, #413500, #02002A)
• Cobalt Study color palette (#F6E7D6, #AC7100, #006FB5, #613E00, #001325)

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