Twilit Cocoa color palette — #FFE5DB · #742700 · #003F3F · #001C3A · #030000

Built around Rust, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Rose Water (#FFE5DB): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#742700): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Teal (#003F3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001C3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Lowlit Veranda color palette (#FFE5D1, #652F00, #002728, #07003A, #040001)
• Midnight Spruce Delta color palette (#FADDE8, #643800, #0C4202, #00164C, #0A0300)
• Inked Onyx color palette (#EDE1C3, #544100, #003A59, #27004A, #020100)
• Shadow Mulberry Terrace color palette (#FEE1EB, #7C0049, #01430B, #002123, #040001)
• Antique Chestnut Market color palette (#F5EBDD, #7B5900, #005B4C, #003027, #020100)
• Misty Terrace color palette (#FCE1F1, #A23A00, #00605C, #003272, #0D0200)
• Bronze Study color palette (#F6EEE5, #A89F8E, #8E7A32, #4D2E00, #080300)
• Washed Terracotta color palette (#ECDCD0, #A44900, #233F00, #461B00, #010200)

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