Twilit Cocoa color palette — #F5D8E4 · #6F3900 · #002F3E · #210020 · #030003

Bronze and Ink set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#F5D8E4): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6F3900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#210020): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, 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 Thicket color palette (#D4E3D4, #513500, #002232, #15160A, #180002)
• Basalt Studio color palette (#E3E6D3, #6A5C59, #373A00, #151F21, #000904)
• Eclipse Onyx Study color palette (#EADEBF, #756800, #004643, #100049, #040001)
• Olive Garden color palette (#FDE1C7, #697526, #014D4A, #331532, #190019)
• Midnight Cypress Balcony color palette (#C6E9DF, #1A795C, #003F42, #3A061F, #000402)
• Aged Brick color palette (#FCE2D9, #B72537, #004F54, #4E001A, #170004)
• Cellar Aubergine color palette (#CDE8E3, #1D5800, #420057, #23001A, #040002)
• Softworn Denim color palette (#EBDFE9, #57959E, #005071, #002E1A, #00011B)

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