Weathered Cocoa Villa color palette — #FBF3F0 · #DFDBD1 · #C3C0B2 · #A35E58 · #703418

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Bone (#DFDBD1): bright and airy, almost weightless.
• Stone (#C3C0B2): soft and architectural.
• Walnut (#A35E58): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#703418): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Worn Bronze Lantern color palette (#FBF4EA, #D7DCCC, #C1BDA0, #8A6200, #573900)
• Timeworn Archive color palette (#F9F4EF, #DADAD3, #A4B0AD, #9F795A, #5A5149)
• Dusty Alley color palette (#F7F0ED, #DDD9CD, #BDC0AD, #9B6365, #352925)
• Timeworn Terrace color palette (#EEE1DA, #B3A79C, #A17639, #651900, #230D01)
• Softworn Fern color palette (#F4F7EB, #A7B59A, #36827A, #764E45, #324B07)
• Worn Grove color palette (#EEEDE6, #BABAA9, #8A9372, #444900, #251F07)
• Worn Pier color palette (#EEE2D9, #A8591A, #36312C, #2A1B0F, #110B03)
• Wandering Apricot Summit color palette (#FFF2EA, #FFD1D3, #FF9A6A, #A17D00, #3D3732)

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