Teal Pier color palette — #F1F7F2 · #D2E1F1 · #95D2DF · #57B69B · #38576A

Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D2E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#95D2DF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Jade (#57B69B): A luminous, balanced teal — the color of glacier melt.
• Peacock (#38576A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Lagoon Station color palette (#F8F3F8, #D4E1EE, #7BBCD5, #66936C, #3E556E)
• Worn Stone color palette (#F0F5FF, #B0C6FD, #F4A69C, #86BF8E, #35435A)
• Ancient Cerulean color palette (#E2ECE4, #7BBCCB, #008FBC, #006D68, #001527)
• Ash Field color palette (#F6F1EA, #C3E9DE, #6AA7B4, #5F724E, #213D31)
• Hushed Cerulean color palette (#EEF8F0, #C7E4FE, #8CB4EA, #009CB7, #2C3761)
• Softworn Periwinkle color palette (#EFF6FF, #BDD7FB, #E1C28B, #75A7FF, #39553E)
• Timeworn Taupe Canyon color palette (#FEF1F8, #F1CFDB, #D7AB93, #B6847A, #3B4D3D)
• Hushed Teal color palette (#F1F7F2, #D5E0EE, #96D1E8, #5EB4A8, #3E5569)

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