Teal Pier color palette — #FDF0FF · #A5D0FF · #D5A7E5 · #45B7AA · #413243
A conversation between Turquoise and Lavender, giving this palette its sense of trust and stability.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#A5D0FF): A whisper-light, balanced blue — the color of open sky before noon.
- Lavender (#D5A7E5): A luminous, balanced pink — the color of a candy shop window.
- Turquoise (#45B7AA): A luminous, balanced teal — the color of sea glass.
- Charcoal (#413243): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged light, 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 Jade Summit color palette (#E5FCEE, #8DD9EF, #B4B4EF, #75B386, #263F31)
- Powder Delta color palette (#FEF0FD, #E8D4D8, #96BDE1, #AFB0A4, #584855)
- Wandering Basalt color palette (#EDECFF, #D8CCC4, #AEA6B4, #4F3A45, #2F2329)
- Tempered Petrol Canyon color palette (#FFF0FE, #DAD3DB, #92B3E6, #4C6FA9, #1B2F51)
- Azure Villa color palette (#FFF1F4, #D7A5E9, #EE8985, #5096DE, #401F29)
- Tempered Apricot Workshop color palette (#E5FBF4, #92CEFF, #F2AC77, #C0AE70, #334741)
- Feathered Garden color palette (#F0F5FF, #82ADFF, #D573D2, #00999B, #091E49)
- Periwinkle Workshop color palette (#E8F3FF, #67A1D9, #B58050, #8E7442, #1D2834)
Browse the whole catalog at Explore, or see today's palette.