Ash Harbor color palette — #FCF2F6 · #C9E9C0 · #A295CA · #846171 · #31292C

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Celadon Mist (#C9E9C0): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#A295CA): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#846171): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#31292C): 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 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

• Tempered Pier color palette (#FEF2F0, #D7DB9E, #D0748D, #82535F, #2C1D1B)
• Timeworn Driftwood color palette (#FEF1F4, #E3DAD1, #9978A0, #583E44, #22181A)
• Misty Summit color palette (#FFF1F4, #B5E07B, #BA61D9, #714A7F, #291219)
• Pewter Study color palette (#F0F1FB, #A9CEB0, #6A5780, #2E2E48, #12131E)
• Wandering Atelier color palette (#FFF1F1, #E2A1C0, #CA9E4F, #3A9A91, #412E34)
• Aged Dune color palette (#FBF3F5, #E8D4FF, #EDA474, #BA9BDC, #322D28)
• Soft Blush Study color palette (#FFF1F4, #FBC9EB, #F99BB0, #C07564, #633A00)
• Misty Courtyard color palette (#ECD8DB, #A9C572, #A951A6, #663064, #170508)

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