Cocoa Lantern color palette — #EDDEE6 · #803100 · #2A4500 · #2C0031 · #040002

Rust and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EDDEE6): bright and airy, almost weightless.
• Rust (#803100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#2A4500): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#2C0031): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Abyss Parlor color palette (#F8D9E6, #753C00, #1D4700, #001E16, #030100)
• Cocoa Coast color palette (#F2DDCF, #5C2100, #003131, #00122A, #030000)
• Fern Dune color palette (#CAEDE1, #465500, #004549, #001B2B, #000201)
• Chestnut Coast color palette (#D4F0DF, #756200, #2F3600, #00100F, #010100)
• Timeworn Loft color palette (#E4EDE4, #ACC1B1, #729D85, #513600, #000200)
• Rust Garden color palette (#FCE8F5, #B93D00, #006997, #004C6F, #050100)
• Olive Veranda color palette (#D0F2EC, #2A7200, #005769, #002752, #000200)
• Linen Mustard color palette (#EAFAEF, #CEB135, #3FB49E, #A35960, #18291F)

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