Cocoa Lantern color palette — #EEDAE5 · #B28C9D · #8B553A · #662917 · #280D19

A conversation between Rust and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#EEDAE5): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#B28C9D): A luminous, dusty rose — the color of pressed rose petals.
• Coffee (#8B553A): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#662917): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#280D19): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Chalky Delta color palette (#FFDFEE, #C19671, #9E551E, #722900, #2A1700)
• Washed Chestnut Lagoon color palette (#FCE6EE, #A47E4C, #7A4700, #4E2400, #160C00)
• Softworn Veranda color palette (#D5E6D8, #A6986B, #7F5F0A, #553700, #001E10)
• Dusty Bronze color palette (#F5E4D9, #CEA487, #B46A45, #884532, #352F2A)
• Ancient Cocoa color palette (#FFECF2, #9BB39C, #8F6E49, #684221, #102917)
• Chestnut Corridor color palette (#D5EEF6, #00858A, #7F5F00, #3E4A00, #001319)
• Worn Parlor color palette (#E8F6EE, #A7C3B6, #678D79, #3E614B, #1A312A)
• Worn Aubergine Meadow color palette (#DFE3FF, #A097D5, #7A55B0, #570079, #290031)

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