Basalt Lagoon color palette — #F8F5E8 · #C9E6C8 · #6FAD96 · #856B8F · #383C00

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

The five colors

• Ivory (#F8F5E8): a clean, paper-quiet neutral.
• Celadon Mist (#C9E6C8): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#6FAD96): A luminous, dusty teal — the color of glacier melt.
• Slate (#856B8F): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#383C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Ancient Cocoa color palette (#FAF4ED, #C4E1CC, #9DB88C, #9D7A8D, #564400)
• Timeworn Lagoon color palette (#F8F6E5, #CCD5AE, #3A9D89, #7B5478, #252B10)
• Tempered Loft color palette (#E9F9F8, #B1E2CA, #62C0A7, #7395AC, #2F4748)
• Tempered Stone color palette (#E7FAF3, #8FBD94, #488070, #5A566D, #294946)
• Ancient Ash color palette (#FFF1F0, #E1DAD0, #9FB5AD, #C598C7, #5F3E33)
• Pale Peony color palette (#FFF2F0, #FFBFD4, #72D0B0, #DB4F8A, #004333)
• Gentle Blush Bloom color palette (#FFF2EE, #FB9CA2, #76BD89, #00A5AF, #3E231A)
• Patina Onyx Orchard color palette (#E5E3C6, #5A9F73, #005B4F, #470D46, #000200)

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