Tempered Ash color palette — #F1F7F2 · #D6DEF0 · #6DA0C2 · #3C7A7D · #455466

Blue Fog takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D6DEF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#6DA0C2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3C7A7D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#455466): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Worn Cypress color palette (#F7EFF4, #D6D1E7, #819FC1, #40776A, #2E3549)
• Cerulean Alley color palette (#DAF6FF, #78CCD9, #0296BA, #26698E, #4B4F68)
• Softworn Amber Cabin color palette (#EDF7FE, #6FBBDC, #CA8665, #287D9D, #604354)
• Ash Harbor color palette (#ECF7FF, #D9D9E4, #CDACAA, #7299A9, #414D5A)
• Dusty Denim color palette (#E8F3EA, #68AABD, #005F84, #003E3D, #00203D)
• Muted Grove color palette (#FBF3EE, #BFE6F6, #94B4D9, #788E6A, #604B59)
• Muted Lagoon color palette (#ECF7FF, #5FA1C6, #B7718C, #747D36, #334552)
• Worn Navy color palette (#E5F2E7, #5787A3, #003E6E, #002127, #00022B)

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