Teal Pier color palette — #D0E7DF · #00C5AA · #00A699 · #007B7A · #003033
Turquoise and Turquoise set the tone — five colors that lean into calm and balance.
The five colors
- Silver (#D0E7DF): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00C5AA): A luminous, balanced teal — the color of sea glass.
- Turquoise (#00A699): A luminous, balanced teal — the color of glacier melt.
- Teal (#007B7A): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#003033): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Seafoam Alley color palette (#D8ECE8, #00DBCE, #00B2B3, #008E98, #003F49)
- Teal Veranda color palette (#D0F3F1, #00A6AE, #008C99, #005F70, #00222C)
- Aqua Harbor color palette (#AEF0F9, #00D3E4, #00ABB8, #007680, #001C1F)
- Soft Marigold Study color palette (#BEE6F0, #00C9BF, #C29C00, #00968F, #332700)
- Hushed Lagoon color palette (#ABF6C0, #00D2A3, #009586, #004F53, #001F28)
- Sunlit Emerald Orchard color palette (#D9E9D2, #57C366, #00AC5A, #008352, #003222)
- Softworn Emerald color palette (#DAE8D4, #00995E, #006C65, #003E46, #001A28)
- Frosted Sky Archive color palette (#CBEBF5, #00BEF2, #0094CA, #0074AD, #003055)
Browse the whole catalog at Explore, or see today's palette.