Washed Basalt color palette — #FDF2F7 · #D0DECD · #A0788B · #5E394C · #23171D
Built around Cocoa, softened by Heather — the whole palette hums with sophistication.
The five colors
- Ivory (#FDF2F7): bright and airy, almost weightless.
- Bone (#D0DECD): A whisper-light, dusty green — the color of new leaves after rain.
- Heather (#A0788B): A luminous, dusty rose — the color of a warm blush.
- Cocoa (#5E394C): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Ink (#23171D): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Washed 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
- Ancient Alley color palette (#FAF2F9, #D0DECD, #7186AD, #32466A, #211820)
- Softworn Pewter Dune color palette (#FFF2F0, #F8E3B8, #A35E74, #562637, #1B0A08)
- Worn Ash color palette (#FAF2F8, #CBE9BB, #909AD0, #7D6475, #32282F)
- Tempered Lagoon color palette (#F2F5FF, #D6BD8A, #555B7F, #33374E, #27232B)
- Pine Ridge color palette (#FCF4E8, #FACDED, #C89294, #527F55, #533735)
- Washed Driftwood Loft color palette (#FEF1F4, #CFAFDC, #A28838, #1B785B, #322332)
- Tempered Mulberry Basin color palette (#FFF1F2, #E6CD9A, #8B4779, #401436, #0E0001)
- Worn Lilac Corridor color palette (#FAF3F5, #E7D9E2, #DE98A0, #B280DC, #2A1A16)
Browse the whole catalog at Explore, or see today's palette.