Teal Pier color palette — #F6F3FD · #DFB2D6 · #DDAA8A · #3DAF9C · #40394C

Turquoise takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F6F3FD): bright and airy, almost weightless.
• Carnation (#DFB2D6): A luminous, dusty pink — the color of neon signs at night.
• Sand (#DDAA8A): A luminous, dusty gold — the color of old brass.
• Turquoise (#3DAF9C): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#40394C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged 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

• Mallow Boulevard color palette (#F4F4FF, #DBB1EC, #B0B375, #4D917C, #31303D)
• Hushed Cerulean color palette (#E7FAF3, #D5C8F4, #DB9A9F, #4097BC, #49435C)
• Patina Taupe Lantern color palette (#FEF0FC, #F5ADA9, #CC9D80, #AA9956, #473745)
• Chalky Cerulean Dune color palette (#FFF0F7, #F0A674, #A8B573, #009ECA, #412B36)
• Powdered Blush Studio color palette (#F9F2FF, #FF81C3, #D59A00, #0099AE, #431B30)
• Soft Pier color palette (#F7E8FF, #F184AD, #7AB254, #008FBD, #2E2035)
• Pale Amethyst color palette (#FBD9EF, #FF7143, #00B27B, #8847F9, #3C0C00)
• Weathered Amber Field color palette (#F2F5FF, #E0D3F9, #E6A4B3, #D17849, #624000)

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