Teal Pier color palette — #F5F6EC · #9BC982 · #30A68D · #8A5E90 · #262517

Turquoise takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Mint Leaf (#9BC982): A luminous, balanced green — the color of a quiet forest floor.
• Turquoise (#30A68D): A luminous, balanced teal — the color of sea glass.
• Slate (#8A5E90): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#262517): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Jade Chapel color palette (#FBF4EC, #D1AE76, #64AA7A, #7F6498, #302618)
• Patina Teal Boulevard color palette (#FFF2EC, #ECDDA1, #55B69B, #876587, #474000)
• Misty Indigo color palette (#F4F7EB, #6CB27A, #7A70E0, #7E4700, #1B1E0D)
• Antique Villa color palette (#EAFAF0, #D6C064, #72A8D2, #94799E, #3A2E36)
• Muted Periwinkle color palette (#F7F6E9, #9FBD74, #6F99E1, #9A5E3E, #242316)
• Tempered Mint color palette (#F5F6E9, #8EBE7C, #4A5A46, #2B2C20, #110F0B)
• Periwinkle Chapel color palette (#FAF4ED, #F0C28C, #6B9DD6, #96545F, #502E26)
• Antique Canyon color palette (#FFF3E6, #D6F2C4, #91C983, #2E8A77, #00444F)

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