Tempered Ash color palette — #F0F7F4 · #E1D3D1 · #81B4CC · #A8A89D · #3E4B45

Ash and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E1D3D1): a clean, paper-quiet neutral.
• Ash (#81B4CC): A luminous, dusty blue — the color of deep harbor water.
• Taupe (#A8A89D): soft and architectural.
• Charcoal (#3E4B45): quiet, heavy and certain.

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

• Weathered Cerulean color palette (#F0F6FB, #D8DAE3, #C0BFD1, #5B97BD, #41494F)
• Hushed Teal color palette (#F6F6E8, #CDDCB1, #53C1B5, #749A8A, #394A00)
• Worn Lilac color palette (#FAF3F5, #E3D6D1, #D9BFAA, #AE91CD, #43363B)
• Worn Fern color palette (#E7FBEC, #E3CAE3, #CFA5B6, #9B916F, #465409)
• Tempered Periwinkle color palette (#EBE1EB, #7AAAFA, #8B6275, #524551, #131A17)
• Muted Powder Atelier color palette (#E8FAF2, #66CBFE, #DF7F88, #897E36, #293F1E)
• Lilac Coast color palette (#FDF4E2, #69D7FF, #9A9BEB, #928237, #24443C)
• Weathered Lagoon color palette (#EFE9ED, #B09B99, #AC7A70, #4B5AAF, #11040E)

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