Teal Pier color palette — #FFEBF6 · #43AFAA · #3E6F9D · #663922 · #092632
Turquoise takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
- Turquoise (#43AFAA): A luminous, balanced teal — the color of sea glass.
- Slate (#3E6F9D): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#663922): A deep, shadowed, dusty orange — the color of autumn markets.
- Midnight (#092632): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged retro, muted, cool.
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 Alley color palette (#FFEBF6, #71AD74, #007A82, #67334A, #05282A)
- Hushed Turquoise Alley color palette (#E5F7EB, #74B7C9, #6C75A2, #5F511D, #1E2E3B)
- Hushed Hollow color palette (#E5F5F8, #2BA197, #7C5189, #563B00, #2A1B00)
- Tempered Aubergine color palette (#E1FBFB, #62A1BC, #3D6D9B, #6C3178, #284052)
- Hushed Ultramarine color palette (#F4E1C7, #008FA1, #2134CE, #442B00, #00151F)
- Antique Chestnut Summit color palette (#FFF3E6, #74C2B4, #508DB6, #8C5500, #29452F)
- Aged Hollow color palette (#F2F9DD, #88DAEF, #539AC6, #73548A, #1E382C)
- Cerulean Studio color palette (#F8EFF5, #C3E2EB, #479AAE, #376B4E, #152F41)
Browse the whole catalog at Explore, or see today's palette.