Basalt Drift color palette — #F3DFFF · #B59CAE · #5A8167 · #425A7E · #513D64
A conversation between Charcoal and Peacock, giving this palette its sense of nature and growth.
The five colors
- Thistle (#F3DFFF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#B59CAE): A luminous, dusty pink — the color of a candy shop window.
- Fern (#5A8167): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#425A7E): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#513D64): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Basalt Drift 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
- Pewter Balcony color palette (#F6DBED, #93AF95, #6A794D, #485073, #51324B)
- Washed Villa color palette (#E5E5FF, #B5A1C7, #966655, #006572, #324966)
- Washed Driftwood color palette (#F6E2E9, #9DC3A6, #938F63, #497678, #2B4C53)
- Patina Pewter Grove color palette (#FFF0F7, #B4CCBE, #7B9D9B, #6C6C8D, #604954)
- Wandering Cypress Quarry color palette (#E9F9F6, #70A993, #007271, #663B51, #0E3D3F)
- Soft Aubergine Archive color palette (#D4F9DB, #87B19A, #548461, #744895, #793546)
- Garnet Corridor color palette (#D5E4D8, #8E9A68, #1F715C, #6C2E54, #58211B)
- Ancient Taupe color palette (#FFDCDD, #DEBC9D, #AFAF7E, #9D7B96, #4D3A49)
Browse the whole catalog at Explore, or see today's palette.