Tempered Ash color palette — #EFF7F8 · #D6DBE3 · #C0B3B4 · #88B8C1 · #445052

A conversation between Ash and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DBE3): a clean, paper-quiet neutral.
• Ash (#C0B3B4): a calm mid-gray that lets other colors speak.
• Ash (#88B8C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#445052): a grounded near-black with real depth.

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

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

• Stone Thicket color palette (#F0F7F2, #BDDFF1, #99B993, #6D8C92, #3A4A44)
• Tempered Cerulean Garden color palette (#EDF7FC, #D7DAE6, #B8AFB9, #00A5B5, #253840)
• Dusty Balcony color palette (#E9F2F4, #AEBDC7, #7895B5, #004545, #000102)
• Denim Coast color palette (#EEF6FE, #D9D7E6, #B3B8DC, #006697, #020E19)
• Hushed Turquoise color palette (#E9F8FF, #5DBED4, #42576C, #1E2E35, #0A1112)
• Hushed Station color palette (#FFF0F8, #A7EDDF, #61ABDA, #976548, #2A444C)
• Patina Indigo color palette (#F0F5FF, #DED8E2, #CAC6B8, #5E73DD, #1D2534)
• Washed Study color palette (#EBF8FB, #76E1D6, #BB84B9, #8D5F38, #23402C)

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