Tempered Ash color palette — #F2F7F0 · #D3DCDB · #A8B5BE · #6EA8A0 · #4F544E

Built around Turquoise, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D3DCDB): a clean, paper-quiet neutral.
• Ash (#A8B5BE): soft and architectural.
• Turquoise (#6EA8A0): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4F544E): a grounded near-black with real depth.

Feels like: 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

• Softworn Bloom color palette (#F8F3F9, #E1D7D8, #CEBCB9, #6F92BA, #4D454D)
• Wandering Abyss Boulevard color palette (#E1E8E1, #94AB9F, #917F92, #005051, #040C04)
• Worn Seafoam color palette (#FFF2EB, #7DCFC4, #6D98B9, #8F6252, #3C4D40)
• Fern Veranda color palette (#F9F4EE, #DAD2AD, #87A582, #738271, #5A4D00)
• Softworn Loft color palette (#EFFAE3, #BEDCC8, #BCA6B7, #A87C3F, #694D00)
• Turquoise Studio color palette (#E5F7EC, #37ACC6, #5F5460, #2F3B34, #1E231D)
• Petrol Ridge color palette (#DEE7E4, #CCC0C9, #B89BA8, #106796, #0F241E)
• Weathered Powder color palette (#E9FAEE, #AAF6EE, #98D4FF, #A0B4F3, #2F5140)

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