Tempered Ash color palette — #F4F6EE · #C5E7E6 · #6AA1C2 · #557862 · #335149

Built around Blue Fog, softened by Pewter — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#C5E7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6AA1C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#557862): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#335149): A full-bodied, dusty teal — the color of glacier melt.

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

• Washed Teal color palette (#EAFCE2, #00B09A, #608FB6, #767B4E, #3C4637)
• Cypress Harbor color palette (#F0F8EA, #6FC3AA, #8597CB, #2A846D, #5D4458)
• Hushed Archive color palette (#EFF0E4, #72C0C4, #007682, #00504A, #00343F)
• Softworn Balcony color palette (#F1F7F2, #D7DEEE, #8AB7D9, #489499, #435469)
• Washed Seafoam color palette (#E5FEDC, #81E3D6, #349086, #105E56, #2E4127)
• Cobalt Lantern color palette (#DDE1D2, #2389BF, #003F69, #00212B, #00091B)
• Aged Canyon color palette (#FBF5E5, #C3B893, #898153, #78570A, #544700)
• Chalky Corridor color palette (#F2F8E6, #A7D3FF, #367DDF, #006088, #2D3E66)

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