Ash Harbor color palette — #F6F3FF · #C898C5 · #9AA16C · #4E867E · #3F3A4A

Mauve and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#C898C5): A luminous, balanced pink — the color of neon signs at night.
• Moss (#9AA16C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4E867E): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3F3A4A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Blush Ridge color palette (#FBF1FC, #E599A3, #988D56, #1E7870, #344260)
• Washed Parlor color palette (#FEF1F3, #E6ADE2, #A0B970, #508F87, #3F2B2E)
• Bronze Lantern color palette (#F7F2FF, #AF7F9E, #9D7740, #006D71, #403A4A)
• Softworn Coral color palette (#FFF0FA, #DA846F, #31A398, #44739C, #402B3A)
• Weathered Quarry color palette (#F8F3FA, #E0D7DA, #BDAEA9, #A892B3, #555157)
• Hushed Quarry color palette (#EAF9F5, #92C8FD, #77CBA3, #6FA0C1, #2C423D)
• Driftwood Corridor color palette (#F6F4FB, #EEC1E2, #C48C7C, #B473A4, #362932)
• Cocoa Garden color palette (#F9F2FF, #F5BEC3, #D18E86, #9A6249, #663A00)

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