Teal Pier color palette — #ECF8FB · #F3DBAA · #50B0AD · #477580 · #202E32

A conversation between Turquoise and Peach Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#ECF8FB): a clean, paper-quiet neutral.
• Peach Cream (#F3DBAA): A whisper-light, dusty gold — the color of old brass.
• Turquoise (#50B0AD): A luminous, balanced teal — the color of sea glass.
• Slate (#477580): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#202E32): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Periwinkle color palette (#EFF6FF, #EDD29A, #7296CB, #4D6486, #1C222A)
• Cerulean Pier color palette (#EBF9F1, #DCD6CC, #5290A4, #344D3F, #151D19)
• Cypress Alley color palette (#EEF4EB, #CBC599, #2D6E63, #273620, #10160D)
• Patina Powder color palette (#F0F6FA, #D8D9E1, #96BBD3, #BEA9A7, #4E5357)
• Soft Mustard color palette (#CFE1EC, #E0B03F, #0085A9, #005167, #000D17)
• Tempered Pier color palette (#EEF7FB, #65D2E5, #D88CA7, #AF875F, #243736)
• Dusty Powder color palette (#EFF7F9, #A1EDF7, #9AB4FF, #4ABDCB, #292E37)
• Muted Veranda color palette (#EBFAEE, #99DAFF, #99A9F2, #AE7F6C, #3A4959)

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