Tempered Ash color palette — #FBF2F6 · #D9D4E1 · #C0BCE6 · #74AFA9 · #4B516C

A conversation between Turquoise and Lavender, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D9D4E1): bright and airy, almost weightless.
• Lavender (#C0BCE6): A luminous, dusty violet — the color of wild irises.
• Turquoise (#74AFA9): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4B516C): A full-bodied, dusty violet — the color of wild irises.

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

• Cerulean Villa color palette (#F9F4EE, #CBE7E9, #C4A5C7, #4C92A1, #604A5C)
• Ancient Dune color palette (#FDF0FF, #F7B1BD, #82CEC8, #6CAEC4, #4A3D4D)
• Tempered Lagoon color palette (#FCF2F8, #BEE7FE, #88B6E7, #1EA286, #323561)
• Wandering Basin color palette (#FFF1F5, #C3E2CE, #D4A7B7, #A4889D, #344E46)
• Feathered Lantern color palette (#F2E1E6, #77A5D2, #6069C7, #005C61, #110020)
• Ash Station color palette (#F6F1EC, #C8E4E5, #869BCD, #2A7975, #442F39)
• Hushed Courtyard color palette (#F0F1FF, #F5C5F0, #E8A4B8, #B97C7B, #66495A)
• Pale Meadow color palette (#FBEAF1, #89CAEB, #5790EF, #007E73, #200F4D)

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