Weathered Basalt color palette — #F8F5EE · #D8DBD4 · #A8B4AE · #6B6770 · #565249

Charcoal Brown takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#D8DBD4): a clean, paper-quiet neutral.
• Ash (#A8B4AE): soft and architectural.
• Graphite (#6B6770): a grounded near-black with real depth.
• Charcoal Brown (#565249): quiet, heavy and certain.

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

Use it as a design system

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

• Softworn Study color palette (#F1F7F3, #D3DCDE, #BAB3BC, #C0AE6C, #47504A)
• Hushed Olive color palette (#F4F3E0, #A7C284, #7C813A, #56554A, #23221A)
• Dusty Driftwood Garden color palette (#EDF4F0, #CFD9D9, #A4B5C1, #8A8556, #323835)
• Worn Seafoam color palette (#F7F6E7, #FCF3AE, #A6EBBE, #6FD2BE, #4B4B44)
• Washed Orchard color palette (#F6F6EA, #B1D497, #79B8AA, #4E91AB, #553D1A)
• Fern Field color palette (#E7E4D7, #99A592, #7E8D7A, #656900, #0D0900)
• Weathered Parlor color palette (#EAF3E6, #A4B4AE, #7AA49A, #008472, #0B1804)
• Tempered Hollow color palette (#F1F7F0, #C4E2DB, #A3CAC5, #00AFA7, #273825)

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