Cocoa Lantern color palette — #FFF0FA · #D2C2EF · #BB8AB6 · #9D5A6D · #702F28

Built around Rust, softened by Pewter — the whole palette hums with creativity and balance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Lilac Frost (#D2C2EF): A whisper-light, dusty violet — the color of wild irises.
• Dusty Rose (#BB8AB6): A luminous, balanced pink — the color of neon signs at night.
• Pewter (#9D5A6D): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#702F28): A deep, shadowed, 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

• Muted Mallow Thicket color palette (#F1F5FF, #E7D6E2, #D898D1, #A35871, #5D2820)
• Hushed Study color palette (#D8FFF4, #BFC8F2, #A190C4, #8E6090, #6C2D4C)
• Hushed Chapel color palette (#FFF1F3, #F1C1D5, #D08B8D, #9C6649, #604000)
• Plum Field color palette (#F0E5FB, #D584C5, #BC3A63, #832400, #381C00)
• Patina Veranda color palette (#F8F6E3, #BFB4F0, #B18397, #637653, #574047)
• Taupe Canyon color palette (#FBF2F6, #E0D8D5, #B4B1A7, #B88D9F, #575053)
• Patina Ash Archive color palette (#FDEEEF, #BE85B7, #6A514C, #423435, #271F22)
• Gentle Brick Meadow color palette (#EBDBE7, #DD5D89, #B4081E, #602A00, #1D1400)

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