Cocoa Lantern color palette — #C6E6F9 · #007D9F · #793600 · #2D2F00 · #0E1000

Bronze and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#C6E6F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#793600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#2D2F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0E1000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Garnet Quarry color palette (#C2E7FC, #007E9E, #92001E, #00352D, #00120F)
• Pale Sapphire color palette (#CFE3FB, #006DDE, #6B4100, #00352D, #00120E)
• Tempered Boulevard color palette (#E6F4FF, #008DC7, #923F00, #004433, #001E15)
• Worn Brick color palette (#C9F4DD, #009BC0, #C50025, #464D00, #232700)
• Deep Pier color palette (#D6E3F2, #0058A4, #582500, #001F23, #000407)
• Frosted Mulberry Alley color palette (#C4E9E8, #008754, #830071, #392900, #150D00)
• Airy Sapphire Chapel color palette (#D9EAFF, #0068DB, #8A0053, #403100, #002B27)
• Plum Orchard color palette (#FFEFFF, #4F99FF, #BC0080, #543A00, #001710)

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