Teal Pier color palette — #F1F2B4 · #A8C59C · #52AD91 · #6D6792 · #684149

Jade takes the lead with Custard close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F1F2B4): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#A8C59C): A luminous, dusty green — the color of fresh herbs.
• Jade (#52AD91): A luminous, balanced teal — the color of glacier melt.
• Slate (#6D6792): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#684149): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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

• Hushed Garnet Cabin color palette (#FFECC7, #BEDAA6, #76BCA9, #87799E, #6B3E60)
• Airy Petrol Lantern color palette (#FFEACF, #C7C37B, #7BA871, #396DA2, #4C4471)
• Frosted Turquoise Field color palette (#CCF9D7, #72CDC2, #56A7C4, #8C5982, #67453D)
• Lagoon Parlor color palette (#E6E0C0, #86B987, #189486, #685589, #542D4B)
• Tempered Denim color palette (#E4FFD2, #A6EADB, #7CB1B5, #577E98, #214B71)
• Worn Aubergine Workshop color palette (#E8EBCE, #6DA68E, #007D85, #673A6F, #3B1B18)
• Lagoon Harbor color palette (#F4F7E6, #86CCAC, #009B8B, #876129, #393C35)
• Faded Cobalt Orchard color palette (#CDF2E5, #45BDC2, #0095D3, #953F67, #641E15)

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