Tempered Basalt color palette — #FFF1F6 · #ADC7BB · #7F9E9E · #726D85 · #5F4859
Charcoal Brown takes the lead with Slate close behind in a set that reads as sophistication at first glance.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Stone (#ADC7BB): A luminous, dusty teal — the color of glacier melt.
- Blue Fog (#7F9E9E): A luminous, dusty teal — the color of glacier melt.
- Slate (#726D85): A full-bodied, dusty violet — the color of wild irises.
- Charcoal Brown (#5F4859): A full-bodied, dusty pink — the color of peonies in June.
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
- Softworn Cypress color palette (#F1F4E1, #C4CCB7, #869280, #4D7268, #4D3D4B)
- Muted Denim Parlor color palette (#DCFDF9, #C0D6D6, #9CB5B9, #6E8395, #43536B)
- Antique Taupe color palette (#C5E8D8, #80AD8D, #507C8B, #77494C, #4E394C)
- Timeworn Corridor color palette (#E5FBF7, #9ABB91, #B886AC, #5A7E4F, #514764)
- Weathered Jade color palette (#DCFDFA, #70A77B, #A378A7, #9A5C69, #2D4846)
- Teal Thicket color palette (#DBFAE0, #2DAEB3, #49739C, #713B19, #4D3400)
- Tempered Lagoon color palette (#D6FFFD, #ACDCBB, #5D9370, #245A3F, #094242)
- Lagoon Archive color palette (#E2EDD4, #4A9C86, #19647A, #55272C, #3D1500)
Browse the whole catalog at Explore, or see today's palette.