Basalt Lagoon color palette — #F9ECF2 · #99A398 · #63856F · #562700 · #0E0006
A conversation between Espresso and Fern, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9ECF2): bright and airy, almost weightless.
- Taupe (#99A398): soft and architectural.
- Fern (#63856F): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#562700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#0E0006): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Basalt Lagoon 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
- Garnet Lagoon color palette (#EBE4EA, #A99BA4, #8E737E, #6B0015, #0C000C)
- Patina Cocoa Thicket color palette (#EAE3DF, #B3A796, #8C8037, #5E2200, #200F04)
- Hushed Onyx Study color palette (#DEE6E0, #85918A, #54726A, #362700, #000200)
- Tempered Cocoa Orchard color palette (#F3ECF0, #C7D4C9, #8FAEA4, #7E3300, #080004)
- Softworn Pier color palette (#DFE8E5, #A9B6B5, #6E9699, #304E00, #000E0B)
- Wandering Summit color palette (#F7E1C9, #7A6F43, #32481E, #00203A, #0A002D)
- Chestnut Boulevard color palette (#FBEEF2, #C7D9CA, #90B6A2, #834C00, #29111B)
- Olive Study color palette (#ECF4F1, #CCD8DB, #A5BDBC, #5E6D00, #14241F)
Browse the whole catalog at Explore, or see today's palette.