Basalt Lagoon color palette — #F9F5EB · #C2E1CF · #9EB791 · #649181 · #524600

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Celadon Mist (#C2E1CF): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9EB791): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#649181): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#524600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Wandering Fern color palette (#F4F6EB, #BFE0DC, #9FB698, #9A7B8D, #384F0A)
• Driftwood Archive color palette (#EEF8F2, #9CCDBB, #718A63, #576876, #3F524B)
• Wandering Lagoon Cabin color palette (#F5F6EA, #C8D6B0, #299E8B, #5A5D94, #222C0D)
• Aubergine Lantern color palette (#EBE0CA, #8D9543, #345900, #400C55, #010100)
• Mallow Field color palette (#FFF1F3, #E3D8D1, #C6B4EC, #A9B4AE, #614B4D)
• Muted Fern Bloom color palette (#FEF4E5, #ADA45C, #586800, #3F2C71, #090800)
• Turquoise Studio color palette (#FFF1F3, #E5BCE7, #D7B670, #16B7C5, #4A3035)
• Weathered Bloom color palette (#F2ECD9, #6B844B, #004A12, #001C36, #010100)

Browse the whole catalog at Explore, or see today's palette.