Cocoa Lantern color palette — #F6E1EA · #82A081 · #87572F · #742804 · #153922

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

The five colors

• Rose Water (#F6E1EA): A whisper-light, dusty rose — the color of strawberry cream.
• Eucalyptus (#82A081): A luminous, dusty green — the color of fresh herbs.
• Coffee (#87572F): A full-bodied, balanced gold — the color of old brass.
• Rust (#742804): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#153922): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Chestnut color palette (#D6EFE0, #979B6B, #746304, #5B3E00, #003A2F)
• Soft Garnet color palette (#FFE7F1, #BC9566, #9A551A, #802603, #453200)
• Hushed Chestnut Lagoon color palette (#F3D8E4, #AE9560, #945013, #5F2D2D, #001E14)
• Tempered Bronze color palette (#F6E4D5, #BFAC82, #AF6F3B, #864542, #32302A)
• Dusty Bronze Archive color palette (#FCE8EE, #907127, #623C00, #421B00, #1A1600)
• Ancient Chestnut color palette (#FFF0F9, #CFADBB, #977489, #7D504B, #3B4D3B)
• Powdered Workshop color palette (#FFCDEB, #D3839E, #A5414A, #7A1C00, #512500)
• Ancient Aubergine color palette (#F6F3FF, #B786B6, #954200, #7E1880, #24111C)

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