Tempered Basalt color palette — #FFEEE3 · #DCE1C2 · #A2D1B7 · #B07F82 · #543400
A conversation between Cocoa and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Celadon Mist (#DCE1C2): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#A2D1B7): A whisper-light, dusty teal — the color of sea glass.
- Dusty Rose (#B07F82): A luminous, dusty red — the color of embers at dusk.
- Cocoa (#543400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, 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
- Bronze Veranda color palette (#FFF3E6, #DCDCC9, #B8CEA3, #AC7544, #6C4500)
- Hushed Glacier color palette (#F8F2DA, #C5E6CC, #7ED9DA, #8E744C, #30312A)
- Worn Hollow color palette (#FAF0E9, #CEB79C, #A27861, #83442B, #332B1C)
- Muted Basin color palette (#FFF1F7, #C2EFFA, #AED6DF, #B79CB7, #424E43)
- Hushed Mint Lagoon color palette (#FFEFDE, #EEEFAB, #61CD8D, #A15137, #3A2A08)
- Aged Cerulean color palette (#E1DFD1, #57A884, #008E9C, #504100, #000B02)
- Antique Cerulean Corridor color palette (#F8F0E8, #B78B56, #5088B9, #7C4D68, #2A2116)
- Chestnut Terrace color palette (#F5F1EA, #DABF90, #726013, #34312A, #17130B)
Browse the whole catalog at Explore, or see today's palette.