Cocoa Lantern color palette — #F7F6E9 · #A8B783 · #C58582 · #6B7A41 · #773920

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#A8B783): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#C58582): A luminous, dusty orange — the color of autumn markets.
• Olive (#6B7A41): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#773920): A full-bodied, balanced orange — the color of autumn markets.

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

• Softworn Pine color palette (#F3F7E9, #8BBE98, #C28A66, #468258, #524C47)
• Olive Alley color palette (#F4F2E6, #AEBA84, #AC8EC3, #6C7A1E, #452631)
• Wandering Bronze color palette (#FEF3EB, #CBB39E, #AA7143, #874D25, #663D00)
• Hushed Bronze color palette (#FDF4E8, #C9AB7A, #66A796, #8C6D36, #425336)
• Aged Station color palette (#F6F7E5, #CDE6D1, #AAD3BA, #989372, #4C5100)
• Basalt Lagoon color palette (#F3F7EC, #CCC095, #41684E, #333E00, #1E2820)
• Washed Moss color palette (#EBF9F5, #B6CD9E, #ACA8EC, #739B3E, #414B6E)
• Iris Parlor color palette (#EEF9EC, #58B1AA, #867FC5, #00756F, #403C67)

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