Twilit Cocoa color palette — #F4DCD0 · #632600 · #003841 · #101C35 · #030000

Rust takes the lead with Deep Teal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F4DCD0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#632600): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003841): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#101C35): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Garnet Canyon color palette (#F3E0E4, #710034, #003C1C, #002927, #040001)
• Eclipse Aubergine color palette (#CCF2DF, #413D00, #00364D, #29005F, #010100)
• Midnight Onyx color palette (#F5E6DF, #682A00, #343700, #440033, #050100)
• Moonless Terracotta Cabin color palette (#EDDED4, #9A4200, #461A00, #161D13, #110300)
• Eclipse Chestnut Cabin color palette (#E1F0E1, #6E5400, #292530, #1E1100, #020100)
• Ancient Meadow color palette (#FDDDCB, #973000, #005765, #20375B, #050100)
• Velvet Basin color palette (#DFE8FA, #00678B, #774300, #0B0E06, #040001)
• Aged Terracotta color palette (#FFE4DE, #9E1500, #524600, #540058, #040000)

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