Ancient Teal Pier color palette — #FFF0F9 · #7FB791 · #48818D · #794956 · #334D50

A conversation between Mint Leaf and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mint Leaf (#7FB791): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#48818D): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#794956): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#334D50): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Ancient Teal 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 Summit color palette (#E7FAF9, #70A781, #686B9B, #75443F, #54341B)
• Weathered Cerulean color palette (#EBF9F5, #9FCAC9, #578B94, #536C65, #385352)
• Ancient Lantern color palette (#F2F3E6, #7DB9AC, #2C878D, #424D83, #21311F)
• Timeworn Petrol color palette (#E9FBEB, #51A5B7, #58669D, #624916, #2A4051)
• Timeworn Boulevard color palette (#FFF0FB, #00A388, #006990, #801716, #003E3F)
• Washed Turquoise color palette (#FFF2EB, #A4E2B3, #5ABFD0, #B27A84, #414C39)
• Lagoon Lagoon color palette (#E4F6F9, #009182, #2C404A, #1B2C2F, #0E171A)
• Soft Lagoon Loft color palette (#F7D1E8, #008A7E, #00517E, #591D00, #002A2E)

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