Cocoa Lantern color palette — #FFDCF0 · #853400 · #203B00 · #00172F · #040000

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

The five colors

• Blush (#FFDCF0): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#853400): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#203B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#00172F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Brick Garden color palette (#F5DDEF, #B40A04, #273900, #001E1C, #030005)
• Charred Archive color palette (#FDE2CF, #632A00, #052901, #000F23, #070001)
• Chestnut Balcony color palette (#F1DDE5, #9A5200, #004547, #001822, #030005)
• Twilit Onyx color palette (#FFE2EE, #7F4300, #003D41, #27003D, #030100)
• Nocturne Grove color palette (#D5EFE0, #6A5F00, #003E0C, #00172B, #040001)
• Softworn Scarlet Harbor color palette (#E6E1D4, #D42D00, #524100, #001940, #030100)
• Muted Corridor color palette (#F7DDDD, #E15500, #754400, #231D00, #010100)
• Timeworn Garnet Pier color palette (#F5EAF2, #E0C9D1, #8CB099, #87280D, #080005)

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