Teal Pier color palette — #D3E6DA · #00C1A5 · #00A0A3 · #00788D · #002E48
A conversation between Turquoise and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#D3E6DA): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00C1A5): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#00A0A3): A luminous, balanced teal — the color of glacier melt.
- Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002E48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Hazy Harbor color palette (#E5F4D7, #61C16E, #00A47E, #007A6E, #003238)
- Teal Market color palette (#ABFFF4, #00C5BF, #009098, #005B64, #00272F)
- Cobalt Garden color palette (#D5E9E7, #00BDDB, #009BC7, #0070BB, #1A2762)
- Aqua Field color palette (#C0EEFF, #2BD7F8, #00A8C3, #007390, #00171C)
- Muted Teal Ridge color palette (#D7F4DC, #B2E0FF, #BDC1FF, #49A68C, #003F4E)
- Hushed Workshop color palette (#C8E8CD, #00C6D4, #EE796D, #00939E, #520506)
- Patina Archive color palette (#E2F3F5, #0096BA, #0072B0, #004496, #0F003D)
- Timeworn Coral Parlor color palette (#D4EEDC, #00B2CD, #E36B5F, #AE6F00, #00242B)
Browse the whole catalog at Explore, or see today's palette.