Tempered Basalt color palette — #F7F5EA · #B0B295 · #4F8061 · #196760 · #454600
Deep Olive takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F7F5EA): a clean, paper-quiet neutral.
- Sage (#B0B295): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#4F8061): A full-bodied, dusty teal — the color of sea glass.
- Pine (#196760): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Driftwood Alley color palette (#F9F4EE, #CCC0A2, #8F8239, #516E5E, #614A00)
- Patina Cypress Summit color palette (#F8F6E4, #9A9F7B, #0A7550, #354A76, #213D20)
- Patina Lagoon color palette (#EEF8F0, #9FD1C1, #629F7C, #567788, #2F4841)
- Ancient Hollow color palette (#E3E4D0, #538766, #005141, #212661, #00220F)
- Ancient Cerulean color palette (#F9F4ED, #CEE2D2, #3A97B1, #007263, #1F4D65)
- Aged Orchard color palette (#FFF0FA, #EBD3D1, #D5AED0, #5687B4, #5B4452)
- Faded Ultramarine Orchard color palette (#FEF1FB, #859DDC, #9F882C, #435EB6, #4F4106)
- Patina Pine Basin color palette (#FFF0FA, #7683C6, #B2614D, #1B7C4A, #492E41)
Browse the whole catalog at Explore, or see today's palette.