Tempered Basalt color palette — #F6F6EB · #C7E7CB · #72AC96 · #3C8387 · #353D00

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Celadon Mist (#C7E7CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#72AC96): A luminous, dusty teal — the color of sea glass.
• Teal (#3C8387): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#353D00): 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 Tempered Basalt 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

• Antique Station color palette (#FAF5EA, #D9E3CD, #A0B78D, #6A8F80, #534500)
• Hushed Denim color palette (#F5F6EB, #ADDDBF, #519A87, #575F92, #232C0C)
• Tempered Courtyard color palette (#E9FAF5, #8ABE94, #358469, #3D606B, #2A4947)
• Lagoon Chapel color palette (#F8F5EF, #C0E0EB, #80C5E8, #029592, #1E483E)
• Weathered Jade color palette (#E1E4C7, #43A377, #005B4E, #003139, #000201)
• Patina Drift color palette (#F2EAD5, #6E8343, #0B4906, #001D33, #010100)
• Weathered Pine color palette (#F7F6E4, #9CC89E, #008C63, #334D8F, #001F04)
• Hushed Navy color palette (#F3F8E2, #71B199, #006F67, #3B306D, #000A06)

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