Ash Harbor color palette — #F3F5FD · #DED6E2 · #C7BBC8 · #A496C6 · #383A44

Built around Mauve, softened by Stone — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Silver (#DED6E2): a clean, paper-quiet neutral.
• Stone (#C7BBC8): A luminous, dusty pink — the color of neon signs at night.
• Mauve (#A496C6): A luminous, dusty violet — the color of wild irises.
• Charcoal (#383A44): quiet, heavy and certain.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Taupe Pier color palette (#F5F4FC, #E2D7E0, #BCACAF, #BC8987, #484651)
• Patina Iris Coast color palette (#FBF2F6, #E5D8D5, #ABB6A7, #8D7EBE, #362A30)
• Softworn Peony color palette (#F8F2FF, #EFD1E2, #E2B4C8, #D76DB2, #362F3E)
• Denim Canyon color palette (#F0F2F8, #DAD3DA, #C0B1C5, #6257A6, #1C202E)
• Tempered Teal Workshop color palette (#E1FBF9, #98DBBA, #52B499, #6C889A, #193C3D)
• Muted Orchard color palette (#EFEDF6, #BCAAB7, #A88F9E, #9F4E98, #15111D)
• Chalky Fuchsia Garden color palette (#FFE6F7, #E695FF, #C978AF, #A2623B, #322B46)
• Magenta Study color palette (#E2DDF9, #D762E6, #665B78, #3D394B, #0D0C15)

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