Basalt Harbor color palette — #F0EDE2 · #9DA38D · #698468 · #343B00 · #060400
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0EDE2): a clean, paper-quiet neutral.
- Taupe (#9DA38D): A luminous, dusty green — the color of fresh herbs.
- Fern (#698468): A full-bodied, dusty green — the color of fresh herbs.
- Deep Olive (#343B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#060400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Basalt Harbor 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
- Dusty Spruce color palette (#DDE0D7, #81947E, #577265, #003416, #010100)
- Washed Abyss Lantern color palette (#E7EFE7, #A2BAB0, #9C8696, #004E4F, #040E04)
- Worn Fern Alley color palette (#E0EFEA, #A0BBB9, #7A9CA2, #475B00, #041813)
- Aged Corridor color palette (#E4F2EE, #BCD6D3, #7DB1B4, #3D5700, #000302)
- Patina Cypress Drift color palette (#EEF4ED, #C5DCDA, #C4B0C3, #307168, #1B2318)
- Weathered Pine color palette (#E3F5E9, #AE8100, #008C26, #005574, #000201)
- Driftwood Dune color palette (#F2F3EA, #D0DBD6, #A4B1B6, #838841, #36372F)
- Olive Courtyard color palette (#F4E5CA, #4F7500, #00412B, #271D00, #020300)
Browse the whole catalog at Explore, or see today's palette.