Ash Harbor color palette — #FFF1F1 · #C88EB4 · #5094A7 · #50648C · #453138

Mauve and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#C88EB4): A luminous, balanced pink — the color of peonies in June.
• Storm Blue (#5094A7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#50648C): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#453138): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Lagoon Workshop color palette (#FFF1F7, #A79AD2, #439782, #177385, #3B2C3B)
• Timeworn Boulevard color palette (#FAF2FB, #F5A9B4, #7FB473, #5490B9, #39303C)
• Antique Lagoon color palette (#FAF2FA, #C2936A, #688E54, #327A6B, #22362D)
• Softworn Thicket color palette (#FFF1F0, #C46290, #00739A, #3C469A, #2C121A)
• Amber Boulevard color palette (#FFF2E9, #D67F45, #7E71C0, #7D4A75, #3A231C)
• Worn Taupe Grove color palette (#FBF3F0, #DDD9D2, #AFB3A7, #B69382, #58514D)
• Weathered Field color palette (#FCF3ED, #B67C5C, #5E6C21, #005576, #422D2C)
• Aged Cocoa Hollow color palette (#FEF3E5, #E6B092, #B08B5B, #567956, #693B00)

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