Ancient Harbor color palette — #D2E3E8 · #00A3CD · #00668B · #004868 · #222755
A conversation between Cyan and Peacock, giving this palette its sense of trust and stability.
The five colors
- Silver (#D2E3E8): bright and airy, almost weightless.
- Cyan (#00A3CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00668B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004868): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#222755): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Antique Teal Villa color palette (#C0E9E1, #00B0AC, #006F73, #004D54, #10314A)
- Hushed Hollow color palette (#D3EEFE, #06A1F1, #0064A9, #004689, #371D6A)
- Frosted Turquoise Market color palette (#D9F5F9, #00AFD3, #0086B0, #005C91, #002B64)
- Hushed Alley color palette (#C2F1E0, #008ECF, #BA1A9E, #00547D, #4F0B43)
- Sapphire Boulevard color palette (#E5F2FF, #66A4FF, #3166F6, #2E449F, #2F336E)
- Lilac Villa color palette (#EEF6FF, #C0D5FF, #9893FF, #006C9D, #1D365D)
- Byzantium Corridor color palette (#E1F0FF, #0075C0, #9300C5, #006055, #002643)
- Timeworn Powder Atelier color palette (#D9FFEC, #6DC8F7, #488AB5, #42688A, #5C485D)
Browse the whole catalog at Explore, or see today's palette.