Tempered Basalt color palette — #FFE2DC · #D9CB95 · #80BDA2 · #9C80A8 · #5F3F6D

Charcoal Brown and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE2DC): A whisper-light, dusty orange — the color of toasted spice.
• Pistachio (#D9CB95): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#80BDA2): A luminous, dusty teal — the color of glacier melt.
• Heather (#9C80A8): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5F3F6D): A full-bodied, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, 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

• Dusty Terrace color palette (#FDDCC7, #D2C89C, #97AB84, #A27587, #633D3B)
• Cobalt Study color palette (#FFF4DE, #D6DA9C, #81BC8E, #5E74B2, #463666)
• Wandering Lagoon Terrace color palette (#E7DDD0, #92A97B, #3F8F8C, #834F66, #46182F)
• Sunlit Teal color palette (#FAF6E1, #9BE2AE, #20BDB1, #AE7299, #174527)
• Weathered Bronze color palette (#F4E5D5, #B0C38F, #61ACA8, #AC5E3D, #533000)
• Linen Powder color palette (#FDF4E9, #BDF1E3, #A1B0FF, #00A5AA, #4C2F6C)
• Lagoon Study color palette (#D6E4D3, #289997, #51628C, #67332C, #290000)
• Dusty Fuchsia Corridor color palette (#F9F7DA, #BAED67, #E88FFD, #6A9300, #541F60)

Browse the whole catalog at Explore, or see today's palette.