Ancient Pier color palette — #FAEFE9 · #A3DAE9 · #0089D7 · #00654C · #191F4E

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

The five colors

• Cream (#FAEFE9): a clean, paper-quiet neutral.
• Powder Blue (#A3DAE9): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0089D7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00654C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#191F4E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Washed Indigo color palette (#FBF0E5, #A6D6FD, #6074F1, #006263, #2D1649)
• Hazy Fern color palette (#FBEFEC, #95E0D9, #0092AE, #19670F, #002744)
• Weathered Cobalt Grove color palette (#FBEFE8, #80C7E0, #0073CC, #005344, #150B48)
• Antique Cobalt Market color palette (#FDF4E5, #7DDEF9, #008ABC, #006665, #164268)
• Hazy Azure color palette (#FFF0F9, #98E9FF, #3CA3EF, #008666, #333C68)
• Hushed Thicket color palette (#F8E5DC, #4597A7, #004E77, #002D1E, #01001D)
• Feathered Nightshade Delta color palette (#EDE3D8, #457EAA, #2312A6, #001F20, #020007)
• Pale Pier color palette (#EAF7E1, #00B292, #D11ACF, #006B57, #370936)

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