Basalt Drift color palette — #F4F6EF · #D3DCD8 · #AAAFBF · #7AAB8D · #374600
A conversation between Deep Olive and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#D3DCD8): a clean, paper-quiet neutral.
- Ash (#AAAFBF): A luminous, dusty violet — the color of wild irises.
- Jade (#7AAB8D): A luminous, dusty teal — the color of sea glass.
- Deep Olive (#374600): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Softworn Olive color palette (#F5F6E9, #C2E9CD, #62AF9D, #787B34, #303F00)
- Muted Quarry color palette (#EBF0E6, #C8D4C6, #92AE99, #005C44, #010300)
- Tempered Workshop color palette (#EFF7F4, #E3D3D1, #A9A79C, #4094BE, #24322C)
- Cocoa Canyon color palette (#EDFBE0, #BAE5DB, #A2C0B5, #987573, #6F3216)
- Weathered Pine color palette (#EFF7F7, #D2DDE4, #B5C2CF, #458360, #3E4A4A)
- Dusty Pier color palette (#F0F8EC, #C9E5DE, #9AC9D9, #00937F, #1B2913)
- Timeworn Teal color palette (#EEF9EB, #00B6A8, #344D3C, #172214, #040602)
- Tempered Cerulean Bloom color palette (#FFF4E2, #90DFBB, #33A3AD, #815077, #27371F)
Browse the whole catalog at Explore, or see today's palette.