Teal Pier color palette — #FFF0FA · #75B6AD · #567C99 · #784D40 · #304C57

Mint Leaf and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Mint Leaf (#75B6AD): A luminous, dusty teal — the color of sea glass.
• Slate (#567C99): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#784D40): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#304C57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Wandering Alley color palette (#E5FBF0, #78B1C6, #70739F, #5D5C2B, #3A4A58)
• Hushed Drift color palette (#F0F7F1, #A6CABB, #618A84, #516B70, #3F524A)
• Hushed Petrol Harbor color palette (#FBF2F5, #DBDDEE, #8898C0, #357A85, #4A516D)
• Washed Denim Lagoon color palette (#F0F4E6, #71B8C6, #48809E, #5E447A, #183325)
• Hazy Ridge color palette (#FFF1F5, #009FAA, #2B5BB5, #633A00, #003C4E)
• Sky Dune color palette (#FFF2EA, #8FE3D3, #6DB7E7, #B57D60, #3B4D3E)
• Cerulean Harbor color palette (#E5F5FD, #248B9F, #303E4D, #1D2B31, #10161B)
• Hazy Courtyard color palette (#C5E9C7, #00859C, #374393, #462E00, #00273C)

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