Weathered Cocoa Lantern color palette — #FAF4F0 · #DDD9D2 · #C3BFB0 · #9D6355 · #6F3511

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#DDD9D2): bright and airy, almost weightless.
• Stone (#C3BFB0): A luminous, dusty green — the color of fresh herbs.
• Walnut (#9D6355): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6F3511): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Pewter color palette (#FBF3F3, #E2D9D2, #CBBDB1, #9F5A81, #4F4544)
• Weathered Bronze Study color palette (#FAF4EB, #D7DBCD, #C4BC9E, #836600, #543B00)
• Muted Courtyard color palette (#F9F4EF, #DBDAD2, #A3B0AC, #9E7A54, #595148)
• Hushed Corridor color palette (#E7DCD5, #B3A79C, #A4743C, #5E2300, #210E02)
• Timeworn Chestnut Market color palette (#FBF4ED, #DED0C2, #BCA27A, #894600, #37322D)
• Powdered Amber color palette (#FFF3E8, #FFD3C6, #EB9C65, #AF7F00, #583513)
• Fern Terrace color palette (#E1DFD5, #BABAA9, #8D9271, #3C4C00, #23200A)
• Weathered Forest color palette (#FEF4E4, #C1895F, #846329, #0A5E2C, #423C37)

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