Midnight Cocoa color palette — #FEEBE2 · #712B00 · #263F00 · #310039 · #030000

Rust and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEEBE2): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#712B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Forest (#263F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#310039): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Cellar Delta color palette (#F6DFD9, #81002C, #413500, #200052, #040000)
• Eclipse Studio color palette (#F0ECDC, #504300, #004036, #3C000F, #020100)
• Cocoa Lagoon color palette (#FCE7F3, #722A00, #003F40, #001C3C, #0D0200)
• Chestnut Parlor color palette (#E6E1D3, #685200, #2F3200, #001916, #020200)
• Muted Bronze color palette (#F3EADE, #AA9E8C, #947831, #4A3000, #080300)
• Terracotta Grove color palette (#FBE4D6, #A23700, #005574, #002C3F, #040000)
• Garnet Thicket color palette (#F3E9CD, #6E6700, #00635B, #680B0F, #0B0700)
• Dusty Cabin color palette (#F3F4D9, #5D992B, #1D8299, #71462A, #1B1B0A)

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