Cocoa Lantern color palette — #EBE2FF · #AFAAD1 · #9C7391 · #773821 · #432200

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Frost (#EBE2FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#AFAAD1): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9C7391): A luminous, dusty pink — the color of a candy shop window.
• Rust (#773821): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#432200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Wandering Harbor color palette (#FFD5F8, #CC92AE, #A36A73, #6D4910, #372900)
• Mulberry Grove color palette (#D1E4FF, #95A1D6, #8175AE, #7C3554, #4A181F)
• Aged Lilac Courtyard color palette (#EAECFF, #C3B7E6, #B485C9, #8F5E60, #713D2F)
• Worn Pewter color palette (#E9E8FA, #8886AB, #7F5280, #592A22, #321100)
• Aged Cypress color palette (#FEEAFF, #D1C0CC, #A48594, #497163, #2A4B45)
• Aged Fern Lantern color palette (#D0F2FF, #86ABDC, #8F74A8, #5A6213, #125643)
• Cocoa Studio color palette (#FDD9D8, #7D5347, #5A2B00, #191F00, #020700)
• Cypress Courtyard color palette (#DFF8F8, #78B6A4, #007C71, #00575C, #00271F)

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