Cocoa Lantern color palette — #C7FEE3 · #FFEAD7 · #C1E0F5 · #6B3F00 · #302820

Built around Bronze, softened by Honeydew — the whole palette hums with optimism and sophistication.

The five colors

• Honeydew (#C7FEE3): A whisper-light, dusty teal — the color of sea glass.
• Cream (#FFEAD7): A whisper-light, dusty gold — the color of old brass.
• Powder Blue (#C1E0F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6B3F00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#302820): quiet, heavy and certain.

Feels like: Optimism, 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

• Cocoa Bloom color palette (#FFF2EA, #DEDCCC, #A77A67, #6C3506, #211915)
• Basalt Harbor color palette (#FFE6F0, #CFD2C5, #B1A4A4, #56413F, #302727)
• Patina Chartreuse color palette (#EAF8FF, #BCFFE6, #D1EC4F, #493F00, #171507)
• Antique Celadon Delta color palette (#CAFEFF, #91FF90, #FFC556, #453106, #170C00)
• Celadon Alley color palette (#CDE9FF, #99F5AF, #FFC2C5, #81665E, #382A26)
• Basalt Cabin color palette (#FFF2EC, #F5AFA2, #AEB382, #9175A3, #541F00)
• Antique Seafoam Drift color palette (#DEF0FF, #3AE7DB, #FF9AA1, #3D2D3E, #221B22)
• Fern Corridor color palette (#FFF4DE, #D7E8BC, #B4B27E, #717C3B, #354900)

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