Ancient Pier color palette — #D4F2FF · #30B6FC · #327ED4 · #3A5499 · #393A63

Azure and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#30B6FC): A luminous, balanced blue — the color of deep harbor water.
• Azure (#327ED4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#3A5499): A full-bodied, balanced violet — the color of wild irises.
• Navy (#393A63): A deep, shadowed, dusty 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 Pier 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

• Tempered Ultramarine color palette (#C2EBF8, #2DA1D3, #2366B7, #33448B, #3E3364)
• Frosted Ultramarine Delta color palette (#ECF7FF, #82C3FC, #4695EA, #064EB3, #1D2953)
• Tempered Indigo color palette (#D1DFF7, #97A9FF, #786DD4, #624989, #483154)
• Washed Teal Station color palette (#DEF1EC, #00C3C2, #008F99, #006D85, #003E53)
• Patina Ultramarine color palette (#D8E9F7, #1088F4, #1C51DB, #362F9B, #1F1144)
• Ancient Bronze Alley color palette (#FFE5FD, #90BAFF, #A97C00, #4671B7, #453205)
• Washed Cerulean Cabin color palette (#FFF0FC, #E6D5EA, #DEB5E4, #5B88B1, #523D4B)
• Byzantium Boulevard color palette (#DCE1F2, #9E98FF, #9042FF, #7C1CA9, #500F56)

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