Ancient Pier color palette — #F8F5EF · #CCE4CD · #5196A4 · #00735C · #1B4E62

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Celadon Mist (#CCE4CD): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#5196A4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00735C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#1B4E62): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Cypress color palette (#F8F4EE, #C6E5D6, #5D90B9, #007078, #573E56)
• Washed Cerulean color palette (#F8F5EF, #B1CDBA, #0084AD, #00605B, #0E3E5F)
• Abyss Veranda color palette (#E6DED1, #599BA5, #005267, #00302B, #001624)
• Ancient Cerulean color palette (#F7F0ED, #C9E5C9, #0E9CC3, #366C40, #372439)
• Patina Turquoise Summit color palette (#F9F3F9, #C3EDF9, #4FB2D6, #56885F, #38495D)
• Tempered Bronze Quarry color palette (#FFF1F3, #A675A4, #98760A, #007783, #4D2D33)
• Quiet Workshop color palette (#FFF1F4, #B68FBE, #5D9B57, #903AA0, #2A4C26)
• Hushed Basalt Thicket color palette (#FBF5E1, #ACA88A, #767641, #615019, #3F4100)

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