Tempered Ash color palette — #FAF4EE · #C6EBEE · #8898C1 · #5D775B · #634A55

Blue Fog and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#C6EBEE): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8898C1): A luminous, dusty violet — the color of twilight just after sunset.
• Pewter (#5D775B): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#634A55): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, 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

• Antique Lagoon color palette (#FBF4ED, #BBE7DB, #7C86BC, #0E7074, #5A3F49)
• Dusty Lilac Field color palette (#F9F5E6, #B1B671, #B584BD, #747738, #63424A)
• Worn Pier color palette (#F4F6EF, #C8E6E9, #C2A6C6, #548FA9, #5F4A5F)
• Antique Ash Pier color palette (#EBF4F4, #D5D9EC, #7E9FC4, #497089, #2A3748)
• Aged Summit color palette (#FAF7DB, #88A540, #A676AA, #8A698D, #43433B)
• Muted Cocoa Bloom color palette (#FFF2EA, #CFB38A, #A0755F, #70574F, #584500)
• Pale Harbor color palette (#FFF2ED, #85DFE9, #058ABC, #006B3F, #2A3F65)
• Timeworn Alley color palette (#FBF6DE, #C9EBD4, #9DD2D0, #99846D, #4B5100)

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