Basalt Studio color palette — #F8F5EC · #9ABA96 · #378371 · #3B6355 · #434700

A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Sage (#9ABA96): A luminous, dusty green — the color of fresh herbs.
• Fern (#378371): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#3B6355): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#434700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Basalt Studio 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

• Aged Fern Lantern color palette (#F6F6E8, #A2D1B2, #639D8C, #637867, #3B4900)
• Timeworn Thicket color palette (#FBF4EB, #BAB085, #4A8254, #744E51, #4F4200)
• Cypress Balcony color palette (#FBF5E4, #84A583, #007363, #663F39, #35362F)
• Patina Lagoon Ridge color palette (#E8F5F2, #93C0A3, #388471, #3C5A66, #0F2D2C)
• Ancient Teal Loft color palette (#E8FAF4, #B2E0DC, #7ABBAA, #7296AA, #284947)
• Cobalt Boulevard color palette (#FAF4F0, #C4E6D3, #518ECC, #01735E, #593E50)
• Dusty Shell color palette (#FFF0FA, #E7D9D6, #F9B6AF, #4F849E, #614851)
• Wandering Quarry color palette (#FFE6D4, #B08C2C, #506300, #572C71, #3B2B00)

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