Midnight Cocoa Garden color palette — #F0DFEA · #852700 · #00444B · #3A0C00 · #000102

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

The five colors

• Rose Water (#F0DFEA): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#852700): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#00444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3A0C00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Cocoa Villa color palette (#D5E3D3, #6A4200, #004060, #2D1900, #000103)
• Mulberry Veranda color palette (#F4DEFA, #8E0042, #00463E, #3E0019, #000201)
• Smoked Terracotta Field color palette (#F9E1F0, #8E2A00, #234A00, #3E0D00, #020800)
• Eclipse Drift color palette (#F9EAE4, #691F00, #003842, #0D1D34, #040000)
• Aged Villa color palette (#FFEBDE, #A94619, #006569, #612000, #000808)
• Worn Rust Station color palette (#FADAC7, #B43E00, #2E6400, #4E1600, #000200)
• Linen Nightshade Bloom color palette (#D3F8E5, #635E00, #2331B4, #2E2B00, #010016)
• Frosted Bronze color palette (#F3DEE6, #B86808, #00759A, #693800, #00151E)

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