Cocoa Lantern color palette — #EFE5FF · #AE9BB8 · #956567 · #5D441A · #08301D

Cocoa and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFE5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AE9BB8): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#956567): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#5D441A): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#08301D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Cocoa Harbor color palette (#DADDFF, #A59FC6, #926685, #693720, #3F2001)
• Muted Fern Hollow color palette (#F9D2EE, #BFA1CE, #9D5D6C, #425D1F, #264435)
• Patina Study color palette (#EDDCDB, #C08069, #985922, #384600, #052E02)
• Cocoa Terrace color palette (#FFE9F0, #9E6B72, #7F3B2E, #342900, #111300)
• Chestnut Harbor color palette (#F9D6DA, #DBADC4, #C57C8B, #8B5C22, #543B00)
• Forest Terrace color palette (#F7E4D3, #8CAF92, #877F4F, #005F45, #003732)
• Dusty Taupe color palette (#EFF6FF, #D8D7FF, #B98598, #40705C, #003E3A)
• Fern Orchard color palette (#E6F5E5, #A7935E, #68672B, #004E3D, #002725)

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