Tempered Basalt color palette — #E7E8D7 · #9CA98C · #5E7967 · #6B4D49 · #5D313F
A conversation between Cocoa and Sage, giving this palette its sense of sophistication.
The five colors
- Parchment (#E7E8D7): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9CA98C): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#5E7967): A full-bodied, dusty teal — the color of sea glass.
- Coffee (#6B4D49): A full-bodied, dusty orange — the color of toasted spice.
- Cocoa (#5D313F): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: 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
- Cocoa Archive color palette (#D3EABC, #81BBAC, #577D6C, #7E3F26, #58341C)
- Cypress Chapel color palette (#FCF4E4, #91A373, #3B7049, #564A1C, #36362F)
- Antique Pewter color palette (#C9EDCF, #A4BEAF, #6F9487, #776099, #5B3E5E)
- Ancient Denim color palette (#BFE9F1, #84ACB8, #507589, #464672, #252542)
- Antique Garnet color palette (#E3E4CF, #5E8C6F, #236067, #5F1D28, #391C02)
- Patina Ridge color palette (#D2ECEB, #74A194, #845E74, #4C4818, #1F380F)
- Quiet Alley color palette (#E5F3E0, #4AB384, #007F71, #00575B, #143953)
- Bronze Hollow color palette (#F3F9DE, #BECEBF, #7D958F, #9C6436, #675100)
Browse the whole catalog at Explore, or see today's palette.