Worn Basalt color palette — #FEF1F3 · #A4B786 · #654368 · #3E2240 · #2B1813

A conversation between Charcoal Brown and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF1F3): bright and airy, almost weightless.
• Sage (#A4B786): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#654368): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Indigo (#3E2240): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2B1813): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Timeworn Pewter Coast color palette (#FBF3F2, #CBC09A, #7A505D, #4F2E2B, #2E2218)
• Mulberry Orchard color palette (#F4F0F9, #DCA58C, #7B3B62, #2E1F3D, #0E0A12)
• Patina Loft color palette (#F5F4FF, #CDE08F, #A986B4, #635E7F, #211F2E)
• Airy Basin color palette (#FFF2ED, #ABA555, #86141E, #4F0009, #2D1207)
• Moss Coast color palette (#FFDAD9, #8C9D13, #6C0048, #360022, #1A0002)
• Linen Bloom color palette (#FCF2F3, #D399C5, #846D00, #992588, #2D220A)
• Garnet Workshop color palette (#EBDAD2, #998E47, #641500, #2E0500, #0B0500)
• Ancient Bronze color palette (#FFF4DE, #C77E99, #95592D, #00537C, #52352B)

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