Weathered Cocoa Lantern color palette — #FDF4E8 · #F6BFCB · #C6AA7B · #7789C3 · #703512

Built around Bronze, softened by Slate Blue — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Carnation (#F6BFCB): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#C6AA7B): A luminous, dusty gold — the color of old brass.
• Slate Blue (#7789C3): A luminous, balanced violet — the color of a velvet chair.
• Bronze (#703512): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, light, 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

• Weathered Ridge color palette (#FFF3E8, #F8C3AB, #A5B779, #8C83B9, #4C4741)
• Cerulean Harbor color palette (#F8F5E7, #DCC5F4, #D59E9A, #4796BC, #5A4042)
• Wandering Archive color palette (#FEF4E4, #FFD1BD, #BC9E5C, #307E8F, #5D3400)
• Hushed Fern Loft color palette (#FAF4EB, #E4DFC0, #B0BC91, #B18F9A, #584E00)
• Ancient Hollow color palette (#EBFAEE, #E5B099, #A78F5E, #267B8D, #564049)
• Washed Indigo Balcony color palette (#FFF3E7, #FFA595, #B1AB19, #7056DA, #522900)
• Tempered Apricot color palette (#FAF0E6, #E5A871, #8E7A32, #77480A, #27201D)
• Softworn Teal color palette (#FAF4F0, #C4DFE8, #B8BEE9, #5FB59B, #624A5A)

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