Teal Pier color palette — #D2E4D7 · #00ADAE · #00879A · #005D83 · #000304
Turquoise and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#D2E4D7): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#00ADAE): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00879A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005D83): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000304): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, muted.
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 Jade color palette (#DDEAD7, #00AB77, #00897B, #006872, #000605)
- Wandering Lime color palette (#C5E9D0, #5CC500, #0097A7, #4638B0, #000103)
- Sunlit Coast color palette (#DEEFF3, #00925E, #006A76, #262FA1, #00060D)
- Hushed Delta color palette (#DDF4FF, #00BDA0, #00A1B9, #0070D5, #000507)
- Airy Studio color palette (#DCE3D2, #6797C4, #0055AE, #003850, #00032B)
- Softworn Ultramarine color palette (#CDF8EA, #00A4CD, #0085CB, #2736EA, #00040E)
- Tempered Navy color palette (#CFEFE2, #497EB5, #384B94, #4F1548, #200010)
- Tempered Petrol color palette (#C7EBFE, #0072A3, #005081, #002449, #000B23)
Browse the whole catalog at Explore, or see today's palette.