Teal Pier color palette — #E0F2E1 · #55BA97 · #008581 · #005769 · #0A3352

A conversation between Jade and Teal, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E0F2E1): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#55BA97): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#008581): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005769): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#0A3352): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Cabin color palette (#D1F1E7, #44B3B7, #0088AA, #165183, #20254C)
• Patina Lagoon Pier color palette (#DFE5B4, #8EBC78, #379163, #00625B, #003740)
• Onyx Delta color palette (#D3F6E7, #00978C, #006A7F, #004065, #060057)
• Cerulean Balcony color palette (#E1F6FF, #72C9E0, #1488A4, #004B5D, #00191D)
• Pale Loft color palette (#E1F6FD, #4CB6BD, #C67172, #007379, #41181A)
• Powder Market color palette (#DAF8FF, #D7DBEA, #CEC3F8, #608365, #1B323B)
• Hushed Bronze Harbor color palette (#FFECF4, #95B59C, #976946, #6D3C3A, #102820)
• Gentle Grove color palette (#DFF6FF, #00A0AB, #BC614D, #A1503D, #00232D)

Browse the whole catalog at Explore, or see today's palette.