Tempered Basalt color palette — #F5F7E7 · #A6D0A3 · #B5B0DD · #BD889D · #3D4100
Deep Olive and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#A6D0A3): A luminous, dusty green — the color of fresh herbs.
- Mauve (#B5B0DD): A luminous, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#BD889D): A luminous, dusty rose — the color of pressed rose petals.
- Deep Olive (#3D4100): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged light, 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
- Seafoam Villa color palette (#F3F7E9, #93D3AD, #AE9FCF, #B47478, #34312B)
- Wandering Balcony color palette (#F3F7EB, #7CBC90, #A990B9, #896D9B, #384300)
- Softworn Loft color palette (#FFF4E2, #98E1D0, #77BACD, #AB7B93, #3C4D3C)
- Weathered Courtyard color palette (#E8FBED, #48CEE1, #DD95A9, #BB814D, #25382B)
- Bronze Garden color palette (#F3F7F0, #D3DCD9, #A7B4B8, #AE6F4B, #50544D)
- Washed Mint Terrace color palette (#F4F6EF, #C0EBC7, #77C2E8, #7DBC8A, #22322B)
- Soft Coast color palette (#EDFBDD, #3AE7AD, #B96DD6, #DB526F, #24300F)
- Denim Boulevard color palette (#EAFDD4, #ACEDE1, #7BC7CE, #4F9BB3, #004F79)
Browse the whole catalog at Explore, or see today's palette.