Weathered Cocoa Lantern color palette — #E2DEF9 · #A76279 · #724300 · #081C48 · #00010B

Bronze takes the lead with Mocha close behind in a set that reads as optimism and balance at first glance.

The five colors

• Thistle (#E2DEF9): A whisper-light, dusty violet — the color of wild irises.
• Mocha (#A76279): A full-bodied, balanced rose — the color of strawberry cream.
• Bronze (#724300): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#081C48): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#00010B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Tempered Harbor color palette (#DCE2EF, #91679B, #743636, #002325, #000202)
• Fern Coast color palette (#F8D3DF, #A9704E, #3F5204, #281D49, #060003)
• Worn Chestnut Corridor color palette (#F4D5E6, #8D4E46, #513809, #00232D, #030C1A)
• Rust Field color palette (#FFE9EE, #BF6551, #805B29, #0E544C, #00171D)
• Powdered Brick Atelier color palette (#FAE6EC, #C80633, #712900, #221300, #020100)
• Forest Station color palette (#F9E3E0, #A78E5A, #3D6E40, #3A2954, #0B001B)
• Worn Bronze color palette (#F2E2D1, #AE7400, #623800, #120600, #030100)
• Bronze Boulevard color palette (#F6E0CE, #A25200, #005D7C, #452000, #000103)

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