Ancient Harbor color palette — #FFF0FB · #A8E7F3 · #35A8DB · #00856D · #1F4168

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Powder Blue (#A8E7F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#35A8DB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00856D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1F4168): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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 Cabin color palette (#FFF1F6, #BDDFFD, #6A98F7, #00818C, #3C3967)
• Feathered Veranda color palette (#FFF0FA, #8BD8EC, #0097D7, #007465, #002D72)
• Airy Aqua color palette (#E7FAF7, #ACF2FF, #00CAF2, #00A5A8, #00475D)
• Cerulean Dune color palette (#F5F6EA, #B3D9BD, #008EA9, #006667, #00475C)
• Lagoon Meadow color palette (#FBF2F7, #D9D4E4, #97B4D3, #4E9491, #485367)
• Dusty Meadow color palette (#F0DDEB, #52B2BD, #007192, #004C39, #00152A)
• Misty Fuchsia Field color palette (#FFE1F2, #FA7DCB, #00989F, #009453, #4A1E3A)
• Hushed Market color palette (#FDEAF1, #6E98B4, #2255A4, #003B3E, #08002A)

Browse the whole catalog at Explore, or see today's palette.