Cocoa Lantern color palette — #F4D9E9 · #722900 · #00395D · #36002C · #030000

Built around Rust, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F4D9E9): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#722900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Navy (#00395D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#36002C): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, 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

• Twilit Cocoa color palette (#F4D7E7, #702C00, #003D4B, #002029, #030000)
• Twilit Onyx Villa color palette (#D7ECDC, #4F3C00, #00283A, #25001D, #020100)
• Velvet Villa color palette (#FEE6F0, #663500, #2F0099, #3A001D, #030100)
• Cellar Fern Terrace color palette (#F7D4E4, #545B00, #00382B, #280022, #000200)
• Lowlit Aubergine Alley color palette (#CCE6D3, #443400, #390065, #2B0002, #000200)
• Washed Parlor color palette (#D3E6D7, #816300, #003F3C, #362700, #000201)
• Aubergine Coast color palette (#DEF3EB, #4F5800, #6C007C, #401C00, #000302)
• Worn Summit color palette (#FBEFCD, #765D00, #3936C2, #241C8A, #070400)

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