Ash Harbor color palette — #F5F4FF · #A580B2 · #80834D · #396B54 · #3D3B4B

A conversation between Dusty Rose and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Dusty Rose (#A580B2): A luminous, balanced pink — the color of neon signs at night.
• Walnut (#80834D): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#396B54): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3D3B4B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Cypress Cabin color palette (#F4EFFD, #B482A9, #A57759, #006F58, #251F31)
• Driftwood Terrace color palette (#F6F3FF, #9F6997, #616837, #005D55, #2B3442)
• Washed Lantern color palette (#EAFAED, #CC95AC, #A0655A, #36644E, #504253)
• Lagoon Chapel color palette (#FEF2F2, #CF97B8, #C28F68, #268D79, #4E3636)
• Worn Rust Dune color palette (#FFF0FD, #C25E5C, #34816A, #0D5B79, #3C2D3B)
• Tempered Driftwood Study color palette (#F7F3FB, #DFD7DB, #B3AAA3, #8A7A9A, #555059)
• Worn Pewter Loft color palette (#F5F4FB, #D9B0DC, #A86A66, #88598C, #352A33)
• Timeworn Cocoa color palette (#FFF0FB, #E5B0C1, #AE7677, #864437, #6F3600)

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