Tempered Basalt color palette — #F6F6EB · #D5D9B0 · #8CB995 · #9F8E6C · #434600

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Wheat (#D5D9B0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8CB995): A luminous, dusty teal — the color of shallow lagoons.
• Caramel (#9F8E6C): A luminous, dusty gold — the color of old brass.
• Deep Olive (#434600): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

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

• Aged Teal color palette (#F5F7E8, #A9D7B6, #61B38F, #838A43, #303B00)
• Dusty Chapel color palette (#F7F6EB, #A9D0B0, #659C8E, #A05D45, #3E4800)
• Washed Fern Atelier color palette (#F3F8E3, #B1E6E0, #9ABB90, #9EAEC7, #43540D)
• Aqua Coast color palette (#F3F9DA, #93CF9A, #46C7E0, #C69E53, #373932)
• Hushed Hollow color palette (#F7EED0, #819149, #4C6E1B, #4C4B02, #050700)
• Timeworn Teal Lagoon color palette (#EAF9F4, #BFE2EF, #69AD9E, #8A6A87, #1D3F3D)
• Feathered Powder Delta color palette (#F5F7E2, #ADDBA0, #6FC8FE, #7CAE6E, #1B4760)
• Hushed Pine color palette (#E9F5F2, #9DBE98, #4C835B, #3B5E48, #0B2E2A)

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