Tempered Basalt Coast color palette — #F8F5ED · #C0E4CD · #A6B587 · #7B8C73 · #544500

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5ED): a clean, paper-quiet neutral.
• Celadon Mist (#C0E4CD): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A6B587): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7B8C73): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#544500): 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 Tempered Basalt Coast 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

• Softworn Atelier color palette (#FEF3E8, #EFDCB2, #BCB78F, #A594A1, #624900)
• Ancient Summit color palette (#FDF3EC, #D1BE9F, #8E8239, #765E67, #664700)
• Hushed Lagoon color palette (#F1F8EA, #BEE7D5, #47B1AB, #4E8275, #313C2B)
• Softworn Moss Courtyard color palette (#E9E0CE, #9C9033, #4F5200, #54051A, #010100)
• Antique Corridor color palette (#F4F6F0, #C6DBE8, #BAC0F9, #619BB3, #584658)
• Gentle Pine color palette (#F6F7E1, #94CB95, #008D50, #005C68, #181A00)
• Weathered Olive color palette (#E6E1CB, #6D852C, #254600, #00211F, #010100)
• Worn Teal color palette (#F2F8E4, #5EB695, #00705F, #00415C, #000A06)

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