Teal Pier color palette — #E7F9FB · #57C1A2 · #D4817F · #7B8044 · #2C4143

Mint Leaf and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F9FB): bright and airy, almost weightless.
• Mint Leaf (#57C1A2): A luminous, balanced teal — the color of glacier melt.
• Coral Clay (#D4817F): A luminous, balanced orange — the color of autumn markets.
• Walnut (#7B8044): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#2C4143): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns 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

• Ash Veranda color palette (#E7FAF5, #97B779, #C682AC, #987247, #2E423D)
• Antique Alley color palette (#EDF7FD, #6ABFDA, #B97298, #696E2C, #134C4A)
• Sky Study color palette (#EDF7FE, #5AB7E3, #B99553, #5E8666, #313F49)
• Patina Study color palette (#EBFAF0, #85D1E2, #D29DAD, #A07953, #23372A)
• Faded Rose Dune color palette (#EBF7FF, #00A4D1, #E54445, #796500, #042F44)
• Timeworn Cerulean Thicket color palette (#EBFAF0, #00A1BE, #8774A5, #526742, #304237)
• Linen Bronze color palette (#D9F4FF, #00A1B4, #B96900, #007345, #032B38)
• Washed Wisteria Workshop color palette (#EEF7FA, #98DFE8, #C080C7, #299DA9, #2E2C38)

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