Turquoise Pier color palette — #E3F8ED · #2BABD2 · #7559A5 · #4B4903 · #132436

Built around Cyan, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Cream (#E3F8ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#2BABD2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#7559A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#4B4903): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#132436): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Turquoise 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

• Washed Pewter Balcony color palette (#E1F7F5, #86B0D7, #97619C, #375C40, #242C3C)
• Periwinkle Study color palette (#E5FCE9, #549AED, #6D5F9A, #6B441A, #323D52)
• Muted Petrol Coast color palette (#FFECF3, #4AB197, #336EA8, #683900, #0B272F)
• Mulberry Balcony color palette (#E6F5F9, #00A29F, #984367, #004E2D, #002613)
• Powdered Sky color palette (#FEF4DC, #24C1FA, #9774BB, #6B6438, #483647)
• Wandering Aubergine color palette (#E2F0DA, #0087CB, #7E009B, #1C3A00, #06083B)
• Ancient Iris color palette (#F7EFF2, #C5E0F9, #7787D3, #006C6F, #282941)
• Weathered Olive color palette (#F9EEF4, #9ABDA3, #6C7D44, #535170, #1A2C1F)

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