Ancient Pier color palette — #F5F6EC · #C6E7C6 · #2E9BA4 · #2A6F65 · #334F3D

Cerulean and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Celadon Mist (#C6E7C6): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#2E9BA4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2A6F65): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#334F3D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Ash color palette (#F4F6EE, #C3E9E8, #749FBB, #547862, #405851)
• Wandering Lagoon Grove color palette (#F6F7E4, #77E3DC, #009195, #006857, #004950)
• Ancient Cerulean color palette (#E1E3CD, #00A2B0, #005361, #00302F, #00171F)
• Weathered Ridge color palette (#EFF0E2, #6FC1C6, #007684, #00504B, #00343F)
• Wandering Grove color palette (#FBF3F1, #C6EAE0, #86C8E3, #56AE6B, #2E496A)
• Antique Chestnut color palette (#FBF5E3, #A3AD7A, #757646, #674E00, #453E00)
• Hushed Stone color palette (#FFF1F2, #E8D6D5, #E8ACBA, #956D76, #5C4343)
• Peony Pier color palette (#FFF1F2, #BF5FB2, #BC5B3B, #4F66A0, #4A3033)

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