Teal Pier color palette — #D4E7E6 · #00AAAA · #007479 · #003B3A · #000E0D
Built around Turquoise, softened by Teal — the whole palette hums with calm and sophistication.
The five colors
- Frost (#D4E7E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#00AAAA): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007479): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003B3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000E0D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication. Tagged monochrome, 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 Azure color palette (#C6E4F2, #00A6E2, #006D89, #003B4C, #000910)
- Jade Dune color palette (#DCF0E5, #00B382, #00764E, #003F23, #000D06)
- Aged Lagoon color palette (#D8FEFF, #00C1BD, #00726F, #00292A, #000202)
- Tempered Studio color palette (#D5EAEA, #008D8C, #004F4D, #001F1E, #000B0B)
- Teal Lagoon color palette (#C7F5F4, #00C1C3, #009795, #006365, #000E0E)
- Weathered Drift color palette (#E7F9FF, #77DFEF, #009FB4, #006D74, #003237)
- Feathered Plum color palette (#E0F3FA, #00A5B6, #A8007E, #005E68, #070010)
- Sky Archive color palette (#D4F2FF, #01C1EE, #0083B4, #004B63, #001D2A)
Browse the whole catalog at Explore, or see today's palette.