Teal Pier color palette — #CCECE5 · #5DBD93 · #00928B · #2E6B8C · #002021
A conversation between Jade and Fern, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#CCECE5): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#5DBD93): A luminous, balanced teal — the color of sea glass.
- Fern (#00928B): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#2E6B8C): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#002021): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Balance, Grounding. Tagged botanical, earthy, 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
- Teal Atelier color palette (#E9F4DB, #00AA8D, #007066, #004F54, #002119)
- Aged Courtyard color palette (#DDF3E9, #6DBE5C, #00956E, #72587E, #062102)
- Soft Emerald color palette (#DDF4E2, #A3B141, #47933F, #31706B, #1A1D00)
- Moss Ridge color palette (#DAE9DA, #C3BD73, #7A9E56, #6A7397, #043120)
- Cornflower Lagoon color palette (#F0DDE5, #82CAF3, #5292EA, #007C80, #181746)
- Faded Terrace color palette (#D7F3E8, #479E52, #00735C, #5C3863, #000901)
- Moss Coast color palette (#D4E5D8, #96A100, #358425, #544F7A, #0F1100)
- Weathered Lagoon color palette (#E9ECDD, #3A896F, #004F4A, #002F3B, #000B06)
Browse the whole catalog at Explore, or see today's palette.