Tempered Powder color palette — #E7F9FD · #D8DCE7 · #97C2D0 · #B8ACA8 · #3D525A

Ash and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Silver (#D8DCE7): bright and airy, almost weightless.
• Ash (#97C2D0): A luminous, dusty blue — the color of open sky before noon.
• Ash (#B8ACA8): soft and architectural.
• Charcoal Brown (#3D525A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Powder 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

• Ancient Stone color palette (#ECF9EE, #F6DCF7, #C8E2E1, #8ACDC0, #42574A)
• Weathered Orchard color palette (#ECF7FF, #DEDAE4, #B2B9AB, #509C9A, #1E324C)
• Tempered Summit color palette (#FEF1F8, #C7F4E8, #C6A2B5, #89718A, #30453B)
• Washed Boulevard color palette (#ECF7FF, #93CBEF, #C9A87F, #9C7B53, #233440)
• Lilac Alley color palette (#D4E9F2, #78B9EC, #A080CF, #004E28, #000103)
• Driftwood Basin color palette (#EFF8EE, #C7E7E7, #EFC4D8, #8A8A42, #44564A)
• Patina Cerulean color palette (#EFF6FE, #E5D4CE, #6A88AE, #384859, #161C22)
• Tempered Lantern color palette (#EEF2FF, #DFB8F2, #DA818C, #00576A, #050014)

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