Tempered Basalt color palette — #E6EFE9 · #AABFB3 · #7B958A · #544200 · #16231A
A conversation between Deep Olive and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Cream (#E6EFE9): a clean, paper-quiet neutral.
- Stone (#AABFB3): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#7B958A): A luminous, dusty teal — the color of glacier melt.
- Deep Olive (#544200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Onyx (#16231A): A deep, shadowed, dusty teal — the color of sea glass.
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
- Basalt Garden color palette (#D4E4DD, #9DAEA8, #6A8680, #393B00, #001910)
- Softworn Meadow color palette (#EAE5DD, #C8C4B5, #A4A78E, #7B5A00, #271E0E)
- Hushed Cocoa color palette (#E6DEE3, #C8B2BC, #A5838F, #742900, #2C1824)
- Dusty Quarry color palette (#E4F2F2, #BFD0D2, #8CA6AC, #00644A, #203132)
- Pewter Basin color palette (#F0F7F3, #D0DEDF, #AEC5C8, #7C7643, #3F4B44)
- Hushed Forest color palette (#E3EBD9, #6D996E, #00684D, #023D52, #1E1D48)
- Amber Parlor color palette (#C6EADA, #B59200, #7B7F00, #2E6600, #171D00)
- Olive Boulevard color palette (#DBF9E8, #6E6900, #2E4500, #002A2C, #161800)
Browse the whole catalog at Explore, or see today's palette.