Cocoa Lantern color palette — #FFD9E2 · #9FE3FF · #FFB6A1 · #723811 · #3C342F

A conversation between Bronze and Melon, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFD9E2): A whisper-light, dusty red — the color of a theater curtain.
• Powder Blue (#9FE3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Melon (#FFB6A1): A whisper-light, balanced orange — the color of toasted spice.
• Bronze (#723811): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3C342F): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged neon, dark, vibrant, 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

• Honey Quarry color palette (#FFDADD, #CAD6FF, #F5C41B, #624600, #37332B)
• Chartreuse Garden color palette (#FFDCCB, #5AF8EC, #C2E375, #62615A, #383730)
• Ancient Fern Courtyard color palette (#F7F6E9, #F2C99C, #768456, #584E00, #2D2C20)
• Ancient Studio color palette (#EBDAD8, #ADBDFF, #FE973B, #3B3530, #292019)
• Muted Lime color palette (#FCE8DE, #FFACDF, #AFCE00, #43423A, #292822)
• Hushed Amber Basin color palette (#DEDEF8, #FF9687, #B87D00, #372305, #140E06)
• Mint Cabin color palette (#D9E5FF, #7EE1FF, #75D78F, #344850, #243231)
• Taupe Grove color palette (#F5F6EE, #D2DFD9, #A9B5B9, #9B9F7D, #52534C)

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