Tempered Basalt color palette — #F4F7EC · #C3FFDA · #B3E7EE · #87CAED · #374500
A conversation between Deep Olive and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Honeydew (#C3FFDA): A whisper-light, dusty teal — the color of glacier melt.
- Powder Blue (#B3E7EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#87CAED): A luminous, balanced blue — the color of open sky before noon.
- Deep Olive (#374500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, 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
- Wandering Summit color palette (#F3F7ED, #B2E6ED, #6BDAD2, #9AAEC9, #36432C)
- Wandering Driftwood color palette (#F8F5EA, #BFE1D2, #98BA8C, #95863E, #4D4800)
- Teal Boulevard color palette (#EDFBDE, #AAFDE4, #41C5AF, #318881, #40553F)
- Pale Alley color palette (#EEFAE5, #BEECE4, #43FDD3, #00BFBB, #00362E)
- Ancient Orchard color palette (#EFF9E6, #C5E3D9, #A4C9C3, #9B8796, #634B57)
- Weathered Loft color palette (#EFF8ED, #A8F7EB, #E8C87C, #40AEA1, #4A463F)
- Weathered Fern Alley color palette (#F4F7ED, #7BC094, #435E20, #292D22, #0F100A)
- Muted Archive color palette (#EBF7FF, #CEDEEE, #85D1FF, #5995FF, #001E32)
Browse the whole catalog at Explore, or see today's palette.