Basalt Ridge color palette — #F4F7E9 · #B0EEEA · #65AF95 · #657F60 · #2F3F00

Built around Deep Olive, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sea Foam (#B0EEEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#65AF95): A luminous, balanced teal — the color of glacier melt.
• Fern (#657F60): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#2F3F00): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Basalt Ridge 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 Taupe Hollow color palette (#F7F5EB, #DBEEC0, #85AB73, #61805F, #393932)
• Tempered Garden color palette (#F8F6E9, #B6E2BA, #7ABBA8, #7B9888, #404800)
• Basalt Villa color palette (#FAF5E7, #AFB391, #418170, #3D6355, #444600)
• Dusty Lagoon color palette (#E4F7F2, #8ABFBC, #4A8270, #395B66, #0E2D2C)
• Lagoon Pier color palette (#F3F7EB, #98E2C7, #00A08C, #3C6983, #212C16)
• Dusty Powder color palette (#F5F6EF, #BBE2F0, #73C7EC, #28919E, #22483B)
• Muted Olive Corridor color palette (#E5E3C9, #578A40, #004A15, #002023, #010100)
• Worn Boulevard color palette (#DCE5CC, #20A584, #005A50, #003234, #000201)

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