Tempered Ash Canyon color palette — #EFF7F8 · #D4DBE1 · #C6C0CA · #89B8BF · #484F50

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

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D4DBE1): a clean, paper-quiet neutral.
• Stone (#C6C0CA): a calm mid-gray that lets other colors speak.
• Ash (#89B8BF): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#484F50): quiet, heavy and certain.

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

Use it as a design system

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

• Wandering Powder color palette (#EBF8FC, #BEDBF1, #B1B5EE, #BCB4BD, #21404A)
• Dusty Ridge color palette (#EFF3ED, #D0D9D6, #A4B0B4, #768A6A, #33382F)
• Worn Abyss color palette (#DBEAEE, #AABFC6, #6D99AD, #004644, #000102)
• Petrol Meadow color palette (#ECF7FF, #D6D8E9, #A4BDDE, #006792, #040E16)
• Turquoise Harbor color palette (#E3FBF7, #95EFEF, #46B2CD, #716B9E, #2A434C)
• Worn Turquoise Harbor color palette (#EAF8FD, #3EC2D1, #405865, #1D2E34, #0B1012)
• Washed Indigo color palette (#F0F5FF, #DBD8E2, #C6BCB5, #5173E8, #1B2536)
• Worn Corridor color palette (#EFF7F9, #D5DAE1, #C9C0C9, #7EBBBD, #474F51)

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