Tempered Ash color palette — #F0F7F1 · #D6DDFB · #85A7D2 · #4A8492 · #394863

Blue Fog and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#D6DDFB): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#85A7D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#4A8492): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#394863): A full-bodied, dusty violet — the color of wild irises.

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

• Cerulean Coast color palette (#F4F6EE, #C1DFF0, #91C0EB, #198FB2, #4D364E)
• Muted Veranda color palette (#FCF2F6, #C7E0F4, #6D8BBC, #196F74, #3D4763)
• Softworn Aqua color palette (#E4F5E7, #45C5D5, #0081A0, #005A50, #002235)
• Airy Basin color palette (#FDF0FF, #F3788F, #7EA84E, #598ABC, #413244)
• Wandering Denim color palette (#D5E3D8, #499FBB, #005F8A, #003B3D, #00091A)
• Hazy Glacier color palette (#E8FBEB, #59E1EA, #009DB8, #007461, #00384E)
• Worn Cornflower Station color palette (#E6F2E8, #91CBFC, #5084DC, #006880, #252B4C)
• Misty Blush color palette (#FCF1FF, #FF90AF, #26BCB4, #B6627A, #034D4A)

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