Basalt Coast color palette — #FBF4EA · #CEC4A4 · #7E9870 · #627A58 · #514100
Built around Deep Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Pistachio (#CEC4A4): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7E9870): A luminous, dusty green — the color of fresh herbs.
- Pewter (#627A58): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#514100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Basalt Coast 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
- Emerald Villa color palette (#FDF4E5, #BFB58B, #608F51, #605D8B, #36380F)
- Basalt Grove color palette (#F8F5EA, #CCDEA3, #9DB588, #8E9478, #4C4300)
- Timeworn Ridge color palette (#ECF9ED, #E7EAB6, #89A97B, #567E85, #253E34)
- Muted Pine Parlor color palette (#EAE8D7, #51825E, #005145, #00313F, #000802)
- Wandering Lantern color palette (#F0E6D2, #7C8C41, #00651B, #004140, #0D1200)
- Dusty Pine color palette (#F6EACE, #93B96D, #008E55, #00686F, #1F3500)
- Timeworn Quarry color palette (#FBF4EE, #C6E4E7, #88A4E0, #008A98, #5C3C4F)
- Hushed Pine color palette (#F5ECDE, #8D9966, #117426, #4A3282, #181E00)
Browse the whole catalog at Explore, or see today's palette.