Midnight Cocoa Study color palette — #FFE9DF · #722A00 · #2D3C00 · #31003B · #0D0200

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

The five colors

• Rose Water (#FFE9DF): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Forest (#2D3C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#31003B): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight Cocoa Study 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

• Onyx Villa color palette (#EEE2D0, #5B3E00, #00412A, #3A001E, #080400)
• Moonless Garnet color palette (#FFE3F5, #772300, #004133, #001C3C, #040000)
• Garnet Market color palette (#EBDCEE, #810034, #423400, #1F0055, #100003)
• Moonless Aubergine Alley color palette (#F7E4F0, #641B00, #2A0077, #20002D, #060000)
• Weathered Basalt color palette (#F1E4E8, #9FAEA0, #6A8873, #502F00, #1D0F14)
• Eclipse Chestnut color palette (#EDE7D3, #6F5300, #343200, #001E19, #0F0B00)
• Bronze Bloom color palette (#FCE7F0, #9E5100, #303E14, #3E1C00, #000201)
• Soft Station color palette (#D7E4D6, #6F4800, #651975, #4F002B, #001201)

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