Weathered Ash Harbor color palette — #FBF3F4 · #D2E6BA · #B38EC1 · #87606A · #33282B

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

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Celadon Mist (#D2E6BA): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#B38EC1): A luminous, balanced pink — the color of neon signs at night.
• Pewter (#87606A): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#33282B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered Ash Harbor 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

• Coral Corridor color palette (#FFF2ED, #DFD897, #D4766C, #84554F, #2D1D17)
• Driftwood Workshop color palette (#FFF1F1, #E2DBD0, #A47593, #583E3F, #211919)
• Antique Peony Meadow color palette (#FFF1F2, #C7DB6A, #D159B2, #7D466D, #2D1013)
• Hushed Stone Chapel color palette (#FBF3F2, #E0DAD2, #DBA3B4, #B0B5A8, #58504F)
• Muted Basin color palette (#F2F0FA, #A8CFB0, #645B7F, #332C45, #14121A)
• Mustard Veranda color palette (#FEF2F0, #EBA6B9, #ADAF4D, #3D92A9, #453132)
• Antique Summit color palette (#FBF3F4, #FDCBF6, #EAA57A, #D590CB, #322D28)
• Dusty Raspberry color palette (#EADAD8, #B7C166, #BA4A84, #6B324E, #190404)

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