Cocoa Lantern color palette — #DCFFED · #F7E4F8 · #D0B0C0 · #996B5A · #694700

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#DCFFED): A whisper-light, dusty teal — the color of shallow lagoons.
• Blush (#F7E4F8): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#D0B0C0): A luminous, dusty rose — the color of a warm blush.
• Walnut (#996B5A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#694700): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Fern Drift color palette (#FEF0FD, #E8D7D7, #D7B5BC, #988973, #5A4C00)
• Hushed Lagoon color palette (#FFF0F7, #D6B0B9, #B2768B, #5D5C09, #003207)
• Cocoa Courtyard color palette (#EAFCDE, #C4E3DD, #8BB5A8, #99726E, #723617)
• Tempered Powder color palette (#EBF7FF, #9BB9DB, #7A82A1, #74606B, #405642)
• Hushed Atelier color palette (#F3F4FF, #F4C9D4, #D497BA, #7E711E, #2D511C)
• Rust Thicket color palette (#F5E5FF, #C48EAB, #A45655, #30490C, #001D14)
• Powdered Bloom color palette (#EDF7FF, #B0C0FF, #A476C3, #885300, #3F3800)
• Basalt Loft color palette (#F7F5ED, #CCE3CB, #77AC8F, #637F61, #393C00)

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