Tempered Basalt color palette — #FDF4E4 · #D7D9AA · #A0B486 · #7A988A · #504100

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

The five colors

• Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#D7D9AA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A0B486): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#7A988A): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Cocoa Thicket color palette (#FFF3E9, #D5C48B, #84976B, #886772, #563E00)
• Washed Fern Grove color palette (#F7F6EB, #C8E9C3, #91C3A7, #A593A4, #4E5200)
• Muted Meadow color palette (#F0F8EF, #B5EBE7, #94A677, #687693, #293E32)
• Weathered Balcony color palette (#FFF1F4, #E9D7D8, #B4AEDC, #B5B4A0, #5D484B)
• Patina Moss Lantern color palette (#EFE3D1, #C4BE68, #829D3A, #776D98, #322808)
• Tempered Workshop color palette (#F4F8E1, #88E4BC, #31BCAA, #8383B0, #393C35)
• Hushed Powder Balcony color palette (#FAF4EC, #DBDFF6, #9CBEF9, #67A2B6, #563F4F)
• Airy Mallow Dune color palette (#FFF1F4, #E69DFF, #E2A84A, #5FB5B7, #4B2E36)

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