Tempered Ash color palette — #E8F9FD · #D3DBE7 · #BAA9AB · #7BB09C · #40565F

Built around Sage, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#E8F9FD): a clean, paper-quiet neutral.
• Silver (#D3DBE7): bright and airy, almost weightless.
• Ash (#BAA9AB): a calm mid-gray that lets other colors speak.
• Sage (#7BB09C): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#40565F): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered Ash 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 Atelier color palette (#EFF6FF, #DBD8E3, #F0B9D8, #57A6D3, #495266)
• Washed Bronze Grove color palette (#ECF7FF, #7DB3D1, #C48B82, #96752E, #2D404D)
• Weathered Pewter Canyon color palette (#FDF1F8, #DBC3CD, #BC907E, #966662, #3E4C3E)
• Quiet Lantern color palette (#D6F3FD, #56AFCF, #4980D1, #005E50, #001419)
• Linen Pier color palette (#E5F2FF, #ABBCEB, #B28BE3, #007088, #061F40)
• Timeworn Cerulean Chapel color palette (#EEF7FC, #B9DBC0, #4E869D, #2F5266, #242D33)
• Softworn Azure Courtyard color palette (#F0F6FB, #B3D6F3, #B28CB9, #1D95D9, #2E2C3A)
• Weathered Delta color palette (#F6E78F, #FFC3E5, #66DCFF, #3D5764, #2E393F)

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