Weathered Ash color palette — #F0F7F1 · #D7DEEF · #7D9DBA · #4B7685 · #455467

A conversation between Blue Fog and Slate, giving this palette its sense of sophistication.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D7DEEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7D9DBA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4B7685): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#455467): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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 Ash color palette (#E3FAFE, #D2DDE9, #B7A9B6, #709896, #41555B)
• Turquoise Dune color palette (#E1EFE4, #48ACCE, #005D8A, #003E40, #001F42)
• Aged Teal Ridge color palette (#E1FBFD, #65C4AA, #C7809A, #36826E, #56465E)
• Washed Cerulean Corridor color palette (#EDF9EF, #84D3E4, #1284AA, #00605B, #173E5A)
• Antique Teal color palette (#E0FBFF, #00B09B, #927DB7, #916E51, #31474A)
• Patina Navy color palette (#DCECDF, #3288BD, #003B78, #002128, #03012C)
• Washed Ash color palette (#F0F7F1, #D9DDEE, #7F9BC1, #427785, #4A5364)
• Hushed Ash color palette (#F0F7F1, #DADDED, #829AC3, #417789, #485269)

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