Tempered Ash color palette — #FAF2F8 · #D4D4E2 · #AEC5EC · #6B9E8D · #404F5F

A conversation between Eucalyptus and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D4D4E2): bright and airy, almost weightless.
• Sky (#AEC5EC): A luminous, dusty violet — the color of wild irises.
• Eucalyptus (#6B9E8D): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#404F5F): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Cypress Summit color palette (#F8F5EF, #CCE4DF, #78A58D, #168072, #2B5346)
• Hushed Ash Market color palette (#F6F3FF, #E9D6DE, #B5B5A9, #AFA2BF, #564D5E)
• Weathered Sky color palette (#FFF0F7, #D5D4E2, #66B4FF, #008884, #253061)
• Softworn Terrace color palette (#F7F3FF, #F6B2E8, #91CC99, #6FB297, #3B3545)
• Iris Balcony color palette (#FFF1F6, #D5E0FD, #6B92D5, #006970, #1B1642)
• Weathered Meadow color palette (#FFF0F8, #ECD3D0, #C6A2B6, #897187, #36433A)
• Denim Terrace color palette (#F3E5EE, #50B1CA, #005B87, #002C26, #000107)
• Washed Lagoon color palette (#FFF0FB, #72DFE7, #0087A9, #00543B, #000E1C)

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