Ash Harbor color palette — #F5F4FC · #B8EBDB · #B391B4 · #6F678A · #2C2A33

Dusty Rose and Mint set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F5F4FC): a clean, paper-quiet neutral.
• Mint (#B8EBDB): A whisper-light, dusty teal — the color of sea glass.
• Dusty Rose (#B391B4): A luminous, dusty pink — the color of peonies in June.
• Slate (#6F678A): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2C2A33): a grounded near-black with real depth.

Feels like: 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

• Dusty Canyon color palette (#FFF1F1, #EBC9B4, #9C6C88, #654243, #332828)
• Taupe Alley color palette (#FDF1F9, #E0D7A1, #C4826F, #8A5242, #2B1C27)
• Frosted Peony Studio color palette (#F9F2FF, #CAD977, #D35D9E, #883D66, #21142C)
• Hushed Stone Orchard color palette (#F8F3F9, #E0D8D9, #E0A1AD, #B1B4A7, #565057)
• Antique Cerulean Quarry color palette (#EBFAEF, #F7BDD3, #D7A07F, #5293C0, #524152)
• Fuchsia Archive color palette (#F6F4FA, #FCCDEF, #D2B467, #D98DC7, #243228)
• Hushed Plum Workshop color palette (#E4DAE8, #BBBF65, #B55476, #772746, #110616)
• Misty Workshop color palette (#F8EAF6, #B2A949, #A54442, #6E0411, #070007)

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