Teal Pier color palette — #EFF8F2 · #ACE2D7 · #5FC1A3 · #6F95B0 · #304843

Mint Leaf and Slate Blue set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Mint (#ACE2D7): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#5FC1A3): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#6F95B0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#304843): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Patina Stone color palette (#FBF2F6, #C6E7D2, #A6BF8C, #9996B1, #435148)
• Aged Lichen Balcony color palette (#E7FAF5, #BCF6CA, #66AF96, #597D89, #203F3D)
• Ancient Hollow color palette (#EDF9F2, #ABD8A3, #4AB59C, #A47482, #133D38)
• Powder Boulevard color palette (#FBF2F7, #D3E1F8, #82C4FF, #55AB8F, #394765)
• Chalky Lime Drift color palette (#EEF6FF, #A5D0FF, #86D56F, #64A3E4, #304B28)
• Patina Lagoon Thicket color palette (#F6F6E8, #A7D0B1, #43A386, #5D7A62, #3D4800)
• Lagoon Field color palette (#F5F2E3, #B1B890, #4A8270, #3E5D4C, #262914)
• Hushed Balcony color palette (#D9EDE4, #67A974, #008276, #205A85, #001504)

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