Weathered Ash color palette — #FBF2F7 · #D5E5B9 · #9798D1 · #806374 · #33272E

A conversation between Blue Fog and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Celadon Mist (#D5E5B9): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#9798D1): A luminous, balanced violet — the color of a velvet chair.
• Pewter (#806374): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#33272E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Periwinkle Coast color palette (#EFF7F5, #FFD3BD, #71A3D3, #50766C, #242E2B)
• Peony Villa color palette (#FEF2F2, #D2DD9C, #CA74A4, #80536B, #2B1E1D)
• Patina Driftwood Archive color palette (#FDF2F6, #E4DAD2, #8E7BAB, #553F48, #23171C)
• Quiet Lilac Alley color palette (#FFF1F6, #A8E37E, #9E74DC, #664B90, #26141C)
• Patina Pewter color palette (#EEF1FD, #AACEB1, #615B84, #2A2F47, #10131F)
• Tempered Oat color palette (#FBF3F4, #E0D8D4, #C2C3E1, #B4B3A6, #585052)
• Hushed Blush color palette (#F9F6E3, #E4C0F9, #E5949F, #559999, #574143)
• Ancient Quarry color palette (#FAF3F6, #DFD8FF, #EE9EA2, #ADA0E0, #392A25)

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