Weathered Basalt color palette — #FFE9DF · #D4D1E5 · #ABA0A4 · #55424D · #2B2328

A conversation between Cocoa and Silver, giving this palette its sense of sophistication.

The five colors

• Rose Water (#FFE9DF): A whisper-light, dusty orange — the color of autumn markets.
• Silver (#D4D1E5): A whisper-light, dusty violet — the color of wild irises.
• Taupe (#ABA0A4): soft and architectural.
• Cocoa (#55424D): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#2B2328): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

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

• Washed Grove color palette (#FCF2F6, #BFEAF7, #9F7989, #5A3C49, #23171C)
• Mustard Station color palette (#FFF1F5, #EFB77C, #91B1DC, #6284B1, #3F2B32)
• Washed Garden color palette (#F0F7F2, #D3DCDD, #B8B2BB, #93B9A0, #484F4B)
• Timeworn Seafoam color palette (#DEE3FF, #3DEFD8, #FFA387, #4F4B45, #3F3530)
• Chartreuse Delta color palette (#F0EBFF, #C3F149, #D6C7CA, #1D3A32, #0A1814)
• Straw Pier color palette (#F2F4FF, #FFF09F, #E1D7E0, #36473D, #232A26)
• Worn Quarry color palette (#ECF9F3, #B4B980, #389D99, #785D8E, #2F2026)
• Ancient Teal Thicket color palette (#FCF2F6, #E6D7D5, #6CC1AB, #BF8F64, #0F2224)

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