Weathered Basalt color palette — #E6F9FF · #D4DAEB · #9DADC4 · #8E748B · #5C3C4C
A conversation between Cocoa and Driftwood, giving this palette its sense of sophistication.
The five colors
- Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Silver (#D4DAEB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#9DADC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Driftwood (#8E748B): A full-bodied, dusty pink — the color of neon signs at night.
- Cocoa (#5C3C4C): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Sophistication. Tagged vintage, retro, 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 Driftwood Station color palette (#EAF8FF, #D5D9F3, #A6B3D7, #936F89, #3A563A)
- Patina Driftwood Lantern color palette (#EFF3FF, #B4BBDE, #A573A4, #695523, #293600)
- Fern Villa color palette (#E8E6F7, #B293C2, #906277, #4A4B00, #001902)
- Hushed Cerulean Boulevard color palette (#F0F7F1, #DAD5DF, #94BDF9, #1E90AA, #353D5F)
- Timeworn Chestnut color palette (#EEF7D1, #A1BFA6, #9F7B95, #805415, #533200)
- Muted Garnet color palette (#D4F7FF, #6498C1, #54608D, #5D1F16, #0D0400)
- Weathered Orchard color palette (#EDF8F1, #BCE4E7, #8CA87C, #4D836D, #1B4034)
- Timeworn Bronze Villa color palette (#F0F5FF, #D2D2F2, #C592B0, #816F32, #2C3D15)
Browse the whole catalog at Explore, or see today's palette.