Pale Teal Pier color palette — #FEF1F7 · #C5EBFF · #8AB7FF · #00A797 · #3E376A

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Frost (#C5EBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8AB7FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#00A797): A luminous, balanced teal — the color of sea glass.
• Navy (#3E376A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pale 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

• Emerald Garden color palette (#FCF1FB, #ADF3F9, #42C5FD, #00AC63, #1E3E72)
• Frosted Periwinkle Balcony color palette (#F6EBEF, #BBD7EF, #869FF4, #009190, #352056)
• Teal Atelier color palette (#FAF3F5, #DCDEEB, #B4C7EF, #5AB2B6, #4E4F6E)
• Quiet Azure Studio color palette (#E8E0E7, #9AC8D9, #009ED7, #00824E, #021A4D)
• Lime Hollow color palette (#DAFDFF, #C4DEF7, #CBBCE5, #96BF44, #004F58)
• Blush Cabin color palette (#E1FBFF, #56F6DD, #EA74B7, #00AF9B, #651347)
• Faded Cobalt color palette (#FBEFE7, #8FDBFF, #5183CC, #006358, #231E45)
• Seafoam Chapel color palette (#D3FFFE, #48EEDE, #00C3C2, #008778, #002E2B)

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