Cocoa Lantern color palette — #FFF1F6 · #8DB296 · #8D6B49 · #7D3D27 · #254537

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#8DB296): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8D6B49): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7D3D27): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#254537): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Bronze color palette (#FFF0F8, #C19BA7, #9A6346, #76403F, #2E4335)
• Hushed Driftwood Grove color palette (#FFF1F5, #A8C8A9, #B28555, #865F43, #2E4332)
• Aged Cocoa Quarry color palette (#DCEEDB, #7DA08A, #825B24, #702C00, #043A2B)
• Muted Delta color palette (#FCF0E3, #C2A680, #956B3E, #674226, #2C200E)
• Airy Garnet Workshop color palette (#FFE3EE, #9D8451, #7E4600, #651600, #002C1C)
• Gentle Lagoon color palette (#EFF6FD, #8DB2DB, #A54E67, #0061AC, #2C1E2F)
• Rust Parlor color palette (#F1F5FF, #767BB5, #A45753, #525800, #2B3246)
• Weathered Hollow color palette (#D8EED8, #76671A, #4D3200, #311100, #0A0D00)

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