Tempered Basalt color palette — #E5EFE6 · #A0ADA5 · #61897C · #4A3300 · #031907

Espresso takes the lead with Storm Blue close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E5EFE6): a clean, paper-quiet neutral.
• Ash (#A0ADA5): a calm mid-gray that lets other colors speak.
• Storm Blue (#61897C): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#4A3300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#031907): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: 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

• Hushed Cocoa Grove color palette (#E5DCE0, #B4A5A9, #698872, #5B2500, #1F0C17)
• Timeworn Spruce color palette (#DDE4E1, #8E9E9A, #5A7776, #2B2E00, #000D07)
• Aged Chestnut Terrace color palette (#F1E8DD, #B9B4A1, #93997A, #714900, #1C1205)
• Abyss Summit color palette (#DAE4E4, #A9BDC0, #75949E, #005231, #082424)
• Washed Chestnut Studio color palette (#EEF8F1, #C3D9CF, #86B1A7, #6E5800, #1D3A28)
• Tempered Hollow color palette (#DAE8DF, #C17B00, #817600, #00531D, #0D0F00)
• Aged Corridor color palette (#EFF7F7, #D4DCE4, #B6C1D1, #178869, #384C4D)
• Olive Pier color palette (#F1EDD3, #6A7F41, #00553B, #20285A, #2B0C38)

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