Tempered Basalt color palette — #E6EEFF · #D1D7C9 · #8CA0AD · #584555 · #261F24

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

The five colors

• Frost (#E6EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Oat (#D1D7C9): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#8CA0AD): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#584555): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#261F24): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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 Basin color palette (#E9FFBD, #ECECFF, #D2D5C9, #5C4552, #292126)
• Washed Stone color palette (#FAF3F6, #E1D8D5, #AFB8B1, #CBA0B3, #524B4E)
• Weathered Courtyard color palette (#E9FAF3, #7ECEFC, #BCB06B, #568F7D, #273530)
• Hushed Lantern color palette (#F9F3F8, #DEDCE6, #EE8AAE, #7F98D8, #271B1A)
• Wisteria Archive color palette (#FFF0FA, #E4D9E2, #CF95CE, #A96078, #6A2F2C)
• Patina Celadon Dune color palette (#DDF096, #FFBBCB, #97C0FF, #49485D, #32363D)
• Ancient Market color palette (#E1F3EC, #FFB997, #3DD6BB, #183336, #121A1B)
• Timeworn Amber color palette (#FCF2FA, #A6C1FF, #C47C41, #3D7659, #291E27)

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