Ash Harbor color palette — #FFF0F8 · #DDBEF5 · #C28FC2 · #97647F · #6A453E
A conversation between Mauve and Lavender, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#DDBEF5): A whisper-light, balanced violet — the color of a velvet chair.
- Mauve (#C28FC2): A luminous, balanced pink — the color of neon signs at night.
- Mocha (#97647F): A full-bodied, dusty rose — the color of a warm blush.
- Coffee (#6A453E): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: 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
- Aged Mallow color palette (#F2F5FF, #EED3E5, #D893D5, #AA6E91, #57455C)
- Dusty Pewter Thicket color palette (#FFF1F1, #F6C5E0, #C48BA6, #895471, #532E42)
- Cocoa Dune color palette (#FFF1F2, #EDB2CC, #D28C94, #A2695C, #723E08)
- Softworn Mint Corridor color palette (#FFF1F3, #E0B3DD, #7CC3A1, #A87AA5, #4B4E47)
- Aged Periwinkle Orchard color palette (#CFF8E9, #ABCBFA, #909BDB, #766B9D, #69434C)
- Dusty Basin color palette (#EBE0EA, #EC8AB5, #C8566C, #9F3F2D, #5F311C)
- Hushed Bloom color palette (#FFF1F3, #E3D9D1, #ACBAC7, #BD95A4, #5E4845)
- Aged Dune color palette (#FFF1F2, #D29EC3, #82B28E, #579899, #543B3C)
Browse the whole catalog at Explore, or see today's palette.