Tempered Basalt color palette — #EAEFFF · #9E8BBF · #8E6284 · #624D0E · #344600

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

The five colors

• Frost (#EAEFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#9E8BBF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#8E6284): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#624D0E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#344600): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Feathered Terracotta color palette (#F1E8FF, #B782AB, #9B4F5A, #445A1F, #134C32)
• Antique Pewter color palette (#D8EDF1, #7696C9, #895983, #00513E, #002B1F)
• Aged Meadow color palette (#D8E8EF, #73A0DE, #6C5EA7, #773C1B, #543900)
• Bronze Corridor color palette (#ECEFFF, #D2AFF9, #C482B3, #987900, #304616)
• Softworn Driftwood color palette (#F2DDEC, #B76D79, #7D4733, #3B3D36, #003435)
• Dusty Boulevard color palette (#FFF0F9, #D8B6BE, #A5908E, #876E25, #475645)
• Pale Forest Chapel color palette (#CBEBF1, #7BBCD9, #807ABC, #267238, #004A55)
• Weathered Pewter Veranda color palette (#EEEAFE, #7D5982, #582D39, #232400, #001704)

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