Tempered Basalt color palette — #FCF4E8 · #B5B091 · #50805F · #5B537A · #4C4300

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

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Sage (#B5B091): A luminous, dusty green — the color of new leaves after rain.
• Fern (#50805F): A full-bodied, dusty teal — the color of glacier melt.
• Graphite (#5B537A): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#4C4300): 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

• Weathered Fern color palette (#F6F6EA, #A8B499, #2D8185, #764D4D, #344B04)
• Wandering Cypress Balcony color palette (#FAF5E9, #9C9E79, #00745A, #603B62, #36362F)
• Patina Olive Villa color palette (#E7F6ED, #B0B987, #598241, #544F74, #132D25)
• Ancient Moss Market color palette (#FAF5EA, #C1CA9B, #759C60, #8F636F, #4D4200)
• Washed Oat color palette (#EBFAEC, #D1DCA6, #8EB897, #8A8EA8, #2D493F)
• Patina Amber color palette (#FFF2EA, #BF7249, #0088A8, #386598, #3D3632)
• Hushed Cypress color palette (#FAF3F0, #CBE3D4, #648FB3, #007457, #3C4569)
• Linen Aubergine color palette (#F3EBD5, #64A45B, #006A58, #611C78, #083903)

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