Ancient Pier color palette — #ECFBDD · #66F3C6 · #EF67B8 · #009472 · #55043B

Bubblegum and Lagoon set the tone — five colors that lean into balance.

The five colors

• Custard (#ECFBDD): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#66F3C6): A whisper-light, balanced teal — the color of sea glass.
• Bubblegum (#EF67B8): A luminous, vivid rose — the color of a warm blush.
• Fern (#009472): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#55043B): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Balance. Tagged warm.

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

• Pale Seafoam Veranda color palette (#F1F9E2, #6CF9AC, #FF90AF, #009C5E, #5F2236)
• Aged Coast color palette (#EAFBE9, #59D5D0, #E8829C, #008884, #481023)
• Weathered Quarry color palette (#F6F8D6, #ADEA94, #D67FF6, #3D8B00, #470B59)
• Raspberry Station color palette (#ECFBE5, #2DD4BC, #CB5584, #007465, #330018)
• Apricot Terrace color palette (#EBF9F0, #99E2F2, #FF9D87, #009BB1, #562A20)
• Plum Market color palette (#DBFDFF, #2BBD94, #BC2A80, #006D53, #5D2241)
• Washed Villa color palette (#DAFFF0, #72CCFF, #DC6300, #0074A2, #351300)
• Scarlet Study color palette (#DEF6E1, #00A5AF, #DF1B34, #00595E, #170001)

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