Ancient Harbor color palette — #E1E8F3 · #A2A8C0 · #7C7B9C · #203072 · #0C1421
Built around Navy, softened by Slate Blue — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E1E8F3): a clean, paper-quiet neutral.
- Mauve (#A2A8C0): A luminous, dusty violet — the color of wild irises.
- Slate Blue (#7C7B9C): A full-bodied, dusty violet — the color of a velvet chair.
- Navy (#203072): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0C1421): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Ancient 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
- Hushed Workshop color palette (#EAEBF9, #9A97A8, #766A86, #38105E, #070717)
- Ancient Nightshade Loft color palette (#F2EAF0, #C4ADB7, #AA8D92, #2949A6, #1E0D1C)
- Washed Garnet color palette (#F0E9F6, #C3B2C7, #A0849B, #6B2850, #231B2A)
- Antique Nightshade color palette (#F1F5FF, #CCD0F1, #A7A2C0, #4D4AAC, #2C3244)
- Softworn Pewter Parlor color palette (#F6F4FC, #E5D4DD, #BDADBE, #7C5573, #3C3843)
- Violet Market color palette (#E0E2FE, #8C58AD, #642E4D, #322F00, #0A2100)
- Weathered Driftwood Harbor color palette (#F3F5FD, #DFD8E1, #B8A8A5, #7A809D, #50525B)
- Wandering Thicket color palette (#DAE0F5, #0A87F0, #6B1DFB, #870073, #110023)
Browse the whole catalog at Explore, or see today's palette.