Basalt Loft color palette — #F9F4EE · #C4E0CE · #9AB98F · #9B7B8A · #544500
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Celadon Mist (#C4E0CE): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#9AB98F): A luminous, dusty green — the color of new leaves after rain.
- Heather (#9B7B8A): A luminous, dusty rose — the color of strawberry cream.
- Deep Olive (#544500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Basalt Loft 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 Archive color palette (#EDF8F2, #BBEAD6, #95C1B2, #A594A2, #42514A)
- Hushed Jade color palette (#FCF4E7, #D4E4BE, #82AB75, #936A6B, #3A3831)
- Weathered Lagoon color palette (#EDF8F1, #A8CABB, #5F8B81, #64637C, #3C5349)
- Patina Lagoon color palette (#FBF3F0, #C2E0E7, #ABC3F0, #63A08E, #574758)
- Tempered Chapel color palette (#FFF2EB, #EDD7BE, #66E1E7, #D58064, #324E36)
- Aged Apricot color palette (#FFF1F1, #EAD5CD, #FD9C93, #A96E55, #4E4843)
- Wandering Lagoon Harbor color palette (#F7F6E8, #ADDEBD, #1E9F8E, #7D5372, #252B14)
- Cocoa Loft color palette (#FFF2EC, #DFDDCD, #ABC1DB, #D8AEA7, #753F0E)
Browse the whole catalog at Explore, or see today's palette.