Cocoa Lantern color palette — #F2F4FF · #DEC5FF · #BF8DBB · #9B6273 · #73342E

A conversation between Rust and Mauve, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Lilac Frost (#DEC5FF): A whisper-light, balanced violet — the color of a velvet chair.
• Mauve (#BF8DBB): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#9B6273): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#73342E): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Creativity, Balance. Tagged 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

• Timeworn Plum Boulevard color palette (#FFF0F7, #E7D8E0, #D9A5CF, #A35079, #722238)
• Lilac Study color palette (#E8F8FF, #B2D0FF, #9D9BD6, #856695, #633656)
• Petal Ridge color palette (#F6F3FF, #FFB9D7, #CD8A8B, #97654E, #61430C)
• Cocoa Lagoon color palette (#EFF6FF, #BAB0E4, #9C759A, #834157, #77351A)
• Patina Powder Loft color palette (#E6FBF5, #BDB3FA, #B5809A, #477B66, #464656)
• Tempered Summit color palette (#F3F4FF, #DDD1F3, #BDA2B7, #6D8588, #445659)
• Chalky Garden color palette (#EBDDF6, #E378C9, #CA3A6B, #911800, #3A1D00)
• Muted Grove color palette (#F5CFFF, #FA8AC0, #C56470, #92400E, #4B2C00)

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