Tempered Basalt color palette — #EDDCE1 · #9CAF9D · #668970 · #512E00 · #210C14

Espresso takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#EDDCE1): a clean, paper-quiet neutral.
• Sage (#9CAF9D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#668970): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#512E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#210C14): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Wandering Basin color palette (#DFECE7, #8DB3A8, #628881, #373B00, #021911)
• Tempered Boulevard color palette (#F3E7EF, #BD9FB0, #997283, #621C09, #1B0F18)
• Softworn Chestnut Ridge color palette (#F2EAE3, #BBB3A7, #9F957B, #794300, #1D1105)
• Tempered Fern Studio color palette (#E6F1ED, #B8D3CC, #8AA7A3, #4C5D00, #24312D)
• Bronze Dune color palette (#F0E9EC, #A4B7B5, #74A6AF, #AB5800, #200C16)
• Velvet Lantern color palette (#EBE0C2, #565A65, #473700, #171F27, #0A0800)
• Gentle Amber color palette (#CBE7D0, #D87D00, #886300, #564F00, #150E00)
• Olive Coast color palette (#EEE8C6, #76881D, #2D581D, #003336, #09192B)

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