Midnight Cocoa Lantern color palette — #FFDCEC · #793A00 · #264400 · #280023 · #040000

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

The five colors

• Rose Water (#FFDCEC): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#793A00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#264400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#280023): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Shadow Veranda color palette (#FEDEF4, #A61B00, #3E3D00, #20002B, #040001)
• Inked Chestnut color palette (#CAF1D6, #665200, #004130, #390011, #040002)
• Shadow Onyx color palette (#F1DFCC, #603800, #003036, #150040, #040001)
• Midnight Aubergine Lantern color palette (#D3F5DF, #635200, #630056, #260006, #030100)
• Velvet Fern Boulevard color palette (#E5E7C6, #505100, #3A4048, #0D1519, #040700)
• Weathered Bronze Bloom color palette (#E4E1D2, #897600, #3D4900, #002120, #010100)
• Timeworn Cocoa Workshop color palette (#E7F1E9, #BBD8C6, #8CB09F, #624900, #000401)
• Washed Moss Hollow color palette (#DFFDF4, #70AB00, #00808E, #7B3700, #001006)

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