Basalt Drift color palette — #F9F5E7 · #B3B28C · #53805B · #704B6B · #484500
Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Sage (#B3B28C): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#53805B): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#704B6B): A full-bodied, dusty pink — the color of neon signs at night.
- Deep Olive (#484500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Fern Field color palette (#F5F6EC, #BAC6AA, #73896A, #7F5C56, #405613)
- Lagoon Field color palette (#F6F1E8, #A6BC92, #368666, #714754, #2A2813)
- Faded Olive Corridor color palette (#FCF4E6, #A0AB62, #467918, #823430, #393F02)
- Jade Cabin color palette (#EDF9F0, #A1D0C3, #48A479, #716E89, #314842)
- Ancient Bronze Balcony color palette (#FFF3E6, #D6AA80, #9E6623, #5F3900, #432500)
- Softworn Market color palette (#FFF3E8, #B27A4D, #028F7C, #7650B1, #3D3732)
- Quiet Mulberry Summit color palette (#EDEDD5, #60A375, #006A53, #7B004A, #00381A)
- Softworn Mint Market color palette (#E6FBF1, #C4DFAD, #85BC8E, #948AAA, #2E4942)
Browse the whole catalog at Explore, or see today's palette.