Tempered Basalt color palette — #C5F1F3 · #A0B9C0 · #718B9B · #5E4F71 · #462A45

Espresso takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#C5F1F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A0B9C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#718B9B): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5E4F71): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#462A45): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Dusty Summit color palette (#DDF7FF, #B9CDD8, #8296AE, #745F74, #543A48)
• Cocoa Station color palette (#C1F2FF, #91B1CF, #797AB1, #763828, #422901)
• Timeworn Thicket color palette (#CDEBE7, #529FB5, #336A9A, #67233A, #3D0900)
• Hushed Teal color palette (#D7F2F6, #51B7B2, #00838D, #005668, #003445)
• Worn Workshop color palette (#E5F5FF, #87C9E0, #0087AB, #00475A, #001B23)
• Worn Lagoon Balcony color palette (#EAF5F2, #8CBFBA, #45836C, #495C33, #012E2C)
• Amber Loft color palette (#E6F5FB, #5DB2C1, #C87166, #007280, #421814)
• Weathered Aubergine color palette (#DCEBFA, #797CAF, #6C4079, #422800, #141300)

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