Turquoise Pier color palette — #E8F4F9 · #4EA3B3 · #A8707F · #81512C · #13252D

Cyan and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F4F9): a clean, paper-quiet neutral.
• Cyan (#4EA3B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mocha (#A8707F): A luminous, dusty red — the color of embers at dusk.
• Coffee (#81512C): A full-bodied, balanced gold — the color of old brass.
• Onyx (#13252D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Dusty Study color palette (#EAF3FF, #7D96BE, #A5765E, #646123, #172334)
• Terracotta Balcony color palette (#E2F7F7, #65A488, #9375A7, #8A474A, #092829)
• Cocoa Bloom color palette (#EBF3FC, #789FCF, #955C7E, #684300, #00301F)
• Washed Chapel color palette (#EFF8ED, #41A29B, #AD677A, #686029, #364035)
• Tempered Balcony color palette (#EDF8F1, #49BCD2, #C8849D, #99714C, #344138)
• Tempered Thicket color palette (#F0F5FF, #ADC1FD, #B39FCD, #B46C57, #293241)
• Weathered Brick color palette (#E6F4FF, #0086B9, #C12237, #614300, #001623)
• Aged Cerulean color palette (#EDF3F7, #D6D6DC, #B3AAB2, #5189B0, #2F373E)

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