Ash Harbor color palette — #F8F3F9 · #E1D7D9 · #B9AFA8 · #A992AF · #555057

A conversation between Dusty Rose and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E1D7D9): a clean, paper-quiet neutral.
• Ash (#B9AFA8): soft and architectural.
• Dusty Rose (#A992AF): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#555057): quiet, heavy and certain.

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

• Driftwood Pier color palette (#F9F2FF, #E7CCDE, #98AE9E, #6F8297, #464F62)
• Driftwood Loft color palette (#F1F7F1, #D1DEDD, #B4C3C5, #AE8757, #434A42)
• Timeworn Pier color palette (#E9F1EA, #A3BBB0, #73A098, #6C4C00, #0B170D)
• Weathered Drift color palette (#E6FBEE, #E2ADBE, #B0896E, #4B748E, #534052)
• Muted Garnet color palette (#EAE3EA, #AF9FA8, #7A8C79, #7C1A2B, #0F0510)
• Washed Lagoon color palette (#FBF1FC, #DC9EA6, #6A9A6E, #33718D, #2D4363)
• Coral Garden color palette (#FDECF7, #D4836D, #505C4F, #41333D, #242025)
• Aged Bronze Pier color palette (#F5EBF1, #E2D3D8, #A9BDB0, #A35B44, #372932)

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