Softworn Basalt Villa color palette — #FFF1F2 · #D6A08E · #694264 · #41203D · #2B1811

A conversation between Charcoal Brown and Camel, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Camel (#D6A08E): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#694264): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Indigo (#41203D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2B1811): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

One click turns Softworn Basalt 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

• Denim Atelier color palette (#FDF1F9, #D29FA5, #454C7F, #242953, #2B1C27)
• Dusty Pewter Corridor color palette (#FCF3F1, #DAB99F, #7D4E5A, #512D27, #2D241E)
• Hushed Boulevard color palette (#FEEDF1, #A2BE87, #694180, #3D1A27, #13090C)
• Dusty Mulberry Basin color palette (#FBF3F2, #D798BA, #AA4D52, #983272, #301F1A)
• Dusty Ash color palette (#F7F3FF, #FFC7AD, #B97FA8, #685D79, #241F2C)
• Garnet Lantern color palette (#FFF2ED, #D6904F, #86141C, #4F0008, #2B1309)
• Hushed Corridor color palette (#F4F4FF, #B2D094, #865DA1, #403E5C, #20202F)
• Bronze Archive color palette (#FFF3E6, #C9817B, #985634, #485500, #433B38)

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