Twilit Cocoa color palette — #FDDEF0 · #642500 · #152300 · #000A0D · #020007

Built around Rust, softened by Onyx — the whole palette hums with nature and growth.

The five colors

• Blush (#FDDEF0): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#642500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#152300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000A0D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Deep Garnet color palette (#ECDBF4, #6F003C, #261D00, #000A09, #010009)
• Onyx Drift color palette (#F5E4EB, #41473E, #412000, #1E1007, #040200)
• Nocturne Harbor color palette (#D0E6D7, #483A00, #002520, #030028, #040001)
• Terracotta Summit color palette (#F7E6DB, #913900, #214200, #001F28, #040008)
• Antique Study color palette (#EEDFE6, #DB324C, #A14500, #473800, #020100)
• Lowlit Fern color palette (#DCEADE, #615A17, #252E00, #2D000A, #010100)
• Mulberry Quarry color palette (#E9E1F8, #91007A, #153400, #0B0020, #0C0103)
• Patina Cerulean color palette (#D6E3D9, #298694, #004255, #00201C, #000103)

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