Ancient Pier color palette — #FDF3EF · #C1ECD0 · #82B9E1 · #2EA27A · #4C2F47

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Mint (#C1ECD0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#82B9E1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#2EA27A): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4C2F47): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Teal Boulevard color palette (#FFF3E9, #BFEDFF, #7FBAFF, #00A88F, #383674)
• Weathered Periwinkle color palette (#F7ECE3, #B2DECF, #89A2E5, #00918E, #32244F)
• Teal Bloom color palette (#FCF3F0, #C7DEE3, #9ECEEB, #7AB091, #61495F)
• Powdered Ridge color palette (#DBF7E3, #26D5EE, #F19575, #00A3B8, #562513)
• Worn Emerald Ridge color palette (#FFF2EE, #84EEEF, #00BCEC, #009F42, #003264)
• Mint Lantern color palette (#CBEDD9, #43D2C0, #00B1BF, #007EA7, #1F3862)
• Timeworn Teal color palette (#E8FBEA, #DFDFF5, #ECBDDF, #79B397, #25443A)
• Patina Azure Lagoon color palette (#ECE2DB, #8FCADE, #2F96EE, #008067, #17154B)

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