Tempered Ash color palette — #FBF3EF · #C1E2EC · #A2D3C3 · #7DAF98 · #5F4B5B

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Powder Blue (#C1E2EC): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A2D3C3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#7DAF98): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5F4B5B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Patina Bloom color palette (#F4F7E9, #AFE4B9, #EAB4D4, #79BA87, #664243)
• Powder Veranda color palette (#F0F7F1, #D5DFEF, #81BBD4, #5E8F9A, #3D556B)
• Washed Hollow color palette (#F5F7E4, #F7D9F4, #C9E6DC, #BFB592, #475141)
• Ancient Mint color palette (#FFF4DB, #C9E2A8, #94CA97, #59A28B, #3A533A)
• Misty Terrace color palette (#FFF3E9, #C7EAFF, #8FB6FF, #00A79B, #40366B)
• Patina Ash color palette (#F6F0F4, #D4D2EA, #6FA3C8, #407860, #2B364A)
• Patina Delta color palette (#FCF4E8, #E3D9B9, #CBB28D, #AC8A73, #4A4B00)
• Cobalt Coast color palette (#F3E8E1, #66ACC4, #3577B9, #005F4E, #07002B)

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