Tempered Basalt color palette — #FAF5E6 · #C7C7A3 · #6F9B81 · #5E7A64 · #474500

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

The five colors

• Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#C7C7A3): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#6F9B81): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#5E7A64): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#474500): 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 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

• Timeworn Cocoa Field color palette (#FDF3EB, #D3C2A2, #8C9561, #836780, #573D00)
• Aged Station color palette (#F6F6E9, #BBE1BC, #70C08E, #859777, #414700)
• Worn Study color palette (#F9F5E8, #9DC091, #548E74, #7B5862, #35362F)
• Antique Loft color palette (#FCF3EF, #C5E6E0, #73AEC8, #418A72, #1E5247)
• Patina Terrace color palette (#EDF8F2, #BBEED4, #67B087, #507E8E, #243E39)
• Lagoon Chapel color palette (#E7E3D0, #5F925D, #00624B, #003F4C, #011501)
• Patina Taupe color palette (#EEE4CD, #95B06A, #418256, #5C4B79, #212E08)
• Antique Market color palette (#F8E8D4, #80770E, #324F00, #222359, #070600)

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