Teal Pier color palette — #E7F5F9 · #56ACAD · #876486 · #6B3D3F · #392100

A conversation between Turquoise and Slate, giving this palette its sense of sophistication.

The five colors

• Ivory (#E7F5F9): a clean, paper-quiet neutral.
• Turquoise (#56ACAD): A luminous, balanced teal — the color of glacier melt.
• Slate (#876486): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#6B3D3F): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#392100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Worn Teal color palette (#E6F5FA, #50ADB1, #86628F, #624716, #052F22)
• Jade Grove color palette (#E8F5F3, #7BAB76, #5B70A4, #6D3D33, #411912)
• Antique Mulberry color palette (#EFF6FF, #7C9AC4, #7C6495, #7F3755, #5D3726)
• Azure Lantern color palette (#E7F4FF, #4494D0, #914C5A, #394803, #1A2200)
• Ash Bloom color palette (#DEF8F8, #B5D0D8, #7E91A9, #765C69, #314A3F)
• Mulberry Orchard color palette (#E2F5FF, #0092AC, #952B66, #632000, #1E1800)
• Antique Terracotta Harbor color palette (#F4F7EA, #97BD99, #6F8DC0, #A14B46, #42433C)
• Cerulean Delta color palette (#E1F0F7, #37919E, #2E3D4B, #142025, #060E0F)

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