Cocoa Lantern color palette — #FFEFFF · #FFCDDD · #E6A198 · #BA8563 · #604100

Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Shell Pink (#FFCDDD): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#E6A198): A luminous, balanced orange — the color of autumn markets.
• Caramel (#BA8563): A luminous, balanced gold — the color of old brass.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Taupe Balcony color palette (#FFF1F4, #FFB6B9, #D38D84, #945E4D, #6E3D22)
• Aged Parlor color palette (#FFF0F9, #EFD2FF, #DCA6D1, #B6798A, #6F392A)
• Hushed Fern Cabin color palette (#FFF1F2, #FFCCB7, #D8B07C, #9A965A, #365019)
• Worn Petal Balcony color palette (#FBF5E2, #FFB7DD, #D89F86, #5B96A5, #57423D)
• Tempered Blush Pier color palette (#FFEEE7, #FF9391, #A36E3B, #804028, #27201F)
• Cocoa Bloom color palette (#FFF2EE, #EACFCB, #E1BD8E, #ACAE9D, #713516)
• Timeworn Tangerine color palette (#FFDAE9, #FFB0B4, #FB7E34, #9F6D00, #3F3800)
• Gentle Loft color palette (#F5D9DE, #FF937B, #CD7500, #866200, #252A00)

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