Twilit Cocoa color palette — #EFD9E2 · #683600 · #2F2B1D · #110F00 · #0A0004

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

The five colors

• Shell Pink (#EFD9E2): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#683600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#2F2B1D): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#110F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0004): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Eclipse Station color palette (#F9EAD1, #4C3400, #151E26, #050A00, #040103)
• Moonless Cabin color palette (#F3DFF5, #84002F, #37312C, #1B0A00, #08000A)
• Bronze Basin color palette (#FEE9D5, #B16300, #4C4211, #2F1600, #050100)
• Obsidian Chestnut color palette (#E8E2CD, #6D5800, #062700, #001206, #100309)
• Patina Balcony color palette (#DCF5EF, #2D6400, #3A3A42, #00201C, #000C0A)
• Antique Bronze color palette (#DDE9DB, #9C6300, #153A2F, #1A2219, #130D0E)
• Quiet Lagoon color palette (#EDE9D5, #695A00, #5425B0, #5B0069, #161200)
• Olive Market color palette (#DDF4DD, #79810A, #00541F, #37224F, #002117)

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