Twilit Cocoa color palette — #F6E1D6 · #612900 · #003452 · #141A38 · #030100

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

The five colors

• Parchment (#F6E1D6): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#612900): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003452): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#141A38): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

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 Harbor color palette (#F8E8ED, #6E0041, #00393C, #03202D, #040001)
• Velvet Chestnut color palette (#D5E5DA, #725200, #342A30, #1A1300, #020100)
• Hushed Chestnut color palette (#FADECA, #854500, #005572, #2A3264, #040100)
• Obsidian Station color palette (#F2E2C7, #4E3700, #1F0192, #2D004C, #020100)
• Aubergine Courtyard color palette (#E8E9D5, #4D4D00, #5E007E, #4F0038, #010100)
• Soft Nightshade Ridge color palette (#E9E3D3, #6B5500, #4D28AD, #3C2286, #050300)
• Weathered Olive color palette (#EADBD5, #AA7E00, #348027, #5C093A, #050200)
• Deep Field color palette (#F6DBE5, #006690, #97004B, #14040C, #020003)

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