Midnight Cocoa color palette — #F3DAE6 · #763400 · #1C2900 · #15002B · #060300

Rust takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3DAE6): A whisper-light, dusty rose — the color of a warm blush.
• Rust (#763400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#1C2900): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#15002B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Fern Meadow color palette (#F0D8F1, #524C00, #002B25, #1F0015, #010500)
• Garnet Workshop color palette (#E1EFE0, #881136, #2F2100, #090036, #0B0100)
• Wandering Chestnut Archive color palette (#DAEEDE, #7F5D00, #334400, #001F42, #040300)
• Worn Abyss Orchard color palette (#F3E7F4, #4F8C8E, #004358, #00240C, #00091C)
• Onyx Station color palette (#F1D8F0, #956038, #334309, #3F0035, #2C0106)
• Airy Rose Summit color palette (#DCF3E4, #D94E57, #7C6400, #00473A, #030300)
• Charred Pier color palette (#D1ECE4, #236C51, #003234, #300019, #000804)
• Dusty Lagoon color palette (#F7E4F5, #726700, #00483D, #430038, #0D1B00)

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