Ash Harbor color palette — #F5F4FF · #E7D7DF · #E5B8B4 · #808FC0 · #554B5D

Slate Blue and Rose Quartz set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Silver (#E7D7DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#E5B8B4): A whisper-light, dusty orange — the color of toasted spice.
• Slate Blue (#808FC0): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#554B5D): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Ash Harbor color palette (#F6F3FF, #E5D6DE, #B3B6A5, #A6A7CD, #534C5C)
• Timeworn Orchard color palette (#FDF0FF, #E9D8D8, #B0DFDF, #9B719E, #594553)
• Stone Parlor color palette (#FDEDEF, #E2D4CB, #D5BB8D, #A07A8A, #463131)
• Soft Mustard Garden color palette (#F7F3FF, #F6D6C7, #E2B642, #7761BB, #603346)
• Tempered Coast color palette (#EAFAF1, #A2BFB9, #618B77, #76572E, #314E4E)
• Washed Pewter color palette (#F7F3FA, #9FCAC5, #7C4D65, #40314C, #2D2029)
• Aubergine Harbor color palette (#F6EBFF, #EBAEA3, #B69A43, #673F9D, #52262C)
• Plum Chapel color palette (#F7F3FA, #CDB6DA, #808238, #A84570, #1D332A)

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