Ancient Harbor color palette — #FCF4E8 · #9CD1FD · #3A88FF · #006F86 · #252C62
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sky (#9CD1FD): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#3A88FF): A luminous, vivid blue — the color of open sky before noon.
- Teal (#006F86): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#252C62): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, 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
- Periwinkle Atelier color palette (#E4FAFA, #D6DBEE, #3D9CFE, #006D91, #022056)
- Frosted Cerulean color palette (#FDF4E5, #78DBF4, #0099CC, #00726F, #00355A)
- Sunlit Sapphire Archive color palette (#FFF3E7, #6AC0FF, #4961D3, #005655, #3C2064)
- Airy Aubergine Alley color palette (#FFF1F5, #B7DFFF, #80A8FF, #0095A4, #321F72)
- Weathered Orchard color palette (#E6DED0, #599FA8, #006279, #003C34, #000B14)
- Muted Petrol Market color palette (#E7DFD2, #7DBFBB, #00848F, #005C41, #00242D)
- Frosted Terrace color palette (#FFF1F5, #FFC6EB, #FF8DA4, #8270D1, #4C2C4E)
- Hushed Meadow color palette (#F2E4F8, #C934FD, #AC7300, #007F7F, #351043)
Browse the whole catalog at Explore, or see today's palette.