Ash Harbor color palette — #FFF2EC · #CAB1EA · #B07EB0 · #965E4C · #574147
Built around Dusty Rose, softened by Lavender — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Lavender (#CAB1EA): A luminous, balanced violet — the color of a velvet chair.
- Dusty Rose (#B07EB0): A luminous, balanced pink — the color of neon signs at night.
- Walnut (#965E4C): A full-bodied, dusty orange — the color of toasted spice.
- Cocoa (#574147): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Creativity, Sophistication. Tagged retro, 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
- Washed Garden color palette (#FFF3E8, #E6AAC1, #C07D80, #826C34, #59413D)
- Aged Powder color palette (#FFF2EF, #93C2F6, #808FC9, #896077, #514250)
- Periwinkle Villa color palette (#F5F8DF, #8CA6E6, #8C698E, #585F14, #53424B)
- Antique Lilac Studio color palette (#FCEDF2, #AB8BC9, #6A5055, #423338, #261F22)
- Worn Ridge color palette (#F2F8E6, #BBE3FF, #B295BF, #517E61, #4A3947)
- Washed Driftwood Station color palette (#EBFAEE, #CBCAFF, #C2A1C4, #9A8C56, #43465C)
- Plum Courtyard color palette (#FFEADA, #D981AE, #B85064, #6F4F00, #462623)
- Bronze Atelier color palette (#FFF1F5, #E9C5C9, #C69F9D, #AF7648, #6C4400)
Browse the whole catalog at Explore, or see today's palette.