Tempered Ash color palette — #F0F7F1 · #D8DFED · #A0CDEC · #70AFB0 · #445467

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D8DFED): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A0CDEC): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#70AFB0): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#445467): A full-bodied, dusty blue — the color of deep harbor water.

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

• Teal Pier color palette (#FAF4F0, #C3DFEA, #DEC0E1, #4EA490, #5F4355)
• Patina Lagoon Veranda color palette (#EFF8F1, #B8E9FC, #75BDD6, #14A191, #1B3E57)
• Timeworn Mallow color palette (#FAF2FF, #F8AECB, #BCC485, #72B8DF, #483E4F)
• Softworn Ash color palette (#F5F1EB, #C8E2E0, #6FA3C6, #2C787A, #3F3040)
• Soft Grove color palette (#D6E6D9, #7DB7E1, #2F82E4, #006A7C, #060742)
• Misty Azure Archive color palette (#E8F3EA, #8ACBDF, #119ED6, #007D7B, #00213C)
• Blush Meadow color palette (#F9F2FF, #FAC2DE, #8DD9BB, #D68EB4, #2C5557)
• Washed Stone Orchard color palette (#FCF1FF, #FFD2DD, #EBA7B7, #B6798E, #402A48)

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