Teal Pier color palette — #B7F2E1 · #78DCCC · #18BFB8 · #22979C · #004F57
Built around Turquoise, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Sea Foam (#B7F2E1): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#78DCCC): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#18BFB8): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#22979C): A luminous, balanced teal — the color of shallow lagoons.
- Deep Teal (#004F57): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Jade color palette (#CFF7CC, #8FD9A3, #5FBF8D, #3D9774, #225649)
- Aged Veranda color palette (#F1FBCF, #94EAD1, #00B6B0, #007B8A, #00435A)
- Sky Harbor color palette (#BBF6FF, #77D9F3, #40BAE4, #318CB6, #2D4F6A)
- Wandering Cerulean color palette (#E9F8FF, #91E8FA, #5BC3D9, #1593A6, #00353C)
- Quiet Loft color palette (#E6F9FF, #70E0E6, #C4B0F7, #00B4BB, #463B5F)
- Lagoon Station color palette (#DDF4F1, #009C9B, #007980, #005560, #00181F)
- Chalky Aqua color palette (#E7F9FF, #3AD5E0, #98B2F8, #83B66B, #193D49)
- Patina Aqua Veranda color palette (#E9F8FF, #D3D9E7, #80C5C8, #B6A5B2, #39515E)
Browse the whole catalog at Explore, or see today's palette.