Tempered Basalt color palette — #F7ECEF · #8EA79A · #668663 · #4F2D00 · #0B0204

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

The five colors

• Blush (#F7ECEF): a clean, paper-quiet neutral.
• Taupe (#8EA79A): A luminous, dusty teal — the color of glacier melt.
• Fern (#668663): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#4F2D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0B0204): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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

• Tempered Basalt color palette (#DCE8DC, #9CAFA2, #5F8A7A, #4C3100, #0D170D)
• Softworn Field color palette (#F1E6F0, #AE99A2, #8A7B4B, #6A001C, #09010A)
• Hushed Hollow color palette (#DAE5DE, #7D938E, #40757A, #312A00, #000201)
• Worn Chestnut color palette (#ECE4DC, #BBB4A1, #959976, #764500, #1F1002)
• Wandering Forest color palette (#D8E3E1, #A4B7BA, #6A94AA, #0C5308, #020E0C)
• Tempered Olive Garden color palette (#ECF4F2, #CCD8E0, #9DBDCA, #507033, #132421)
• Bronze Dune color palette (#F5DAD0, #826D28, #004E39, #370C37, #150015)
• Muted Pine Basin color palette (#D6EDE5, #1A7B4B, #003F3D, #3B0029, #000401)

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