Midnight Cocoa color palette — #F7E8E1 · #7D3200 · #004352 · #361100 · #000102

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

The five colors

• Rose Water (#F7E8E1): a clean, paper-quiet neutral.
• Rust (#7D3200): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004352): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#361100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, 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

• Navy Workshop color palette (#CFEBD0, #664500, #003A74, #2B1A00, #000105)
• Inked Coast color palette (#F4DDF5, #91002C, #00463F, #40000F, #000201)
• Cocoa Basin color palette (#FFE3D6, #632700, #003745, #131A38, #030100)
• Deep Cocoa Veranda color palette (#EEDCF3, #006A79, #803C00, #0C0D05, #040002)
• Linen Rust color palette (#F4E3D9, #AC4300, #00617F, #602200, #00070C)
• Obsidian Cocoa Veranda color palette (#F8DACF, #784300, #4C1500, #240006, #020100)
• Patina Rust Dune color palette (#FDE7D9, #AE4600, #0D6711, #4B1900, #000200)
• Aubergine Balcony color palette (#E8E9CD, #5F5F00, #5010B4, #2C2C00, #030012)

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