Turquoise Pier color palette — #FFF3E8 · #63B7BC · #5E78A0 · #745133 · #384E42

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Cyan (#63B7BC): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5E78A0): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#745133): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#384E42): A full-bodied, dusty teal — the color of sea glass.

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

• Ash Quarry color palette (#F9F6E2, #7EADD4, #7E6E98, #565E36, #554051)
• Softworn Teal color palette (#EDF9EE, #52A7AD, #8A6086, #674F22, #414000)
• Timeworn Parlor color palette (#FBF3EF, #CDE6E1, #78A590, #427C68, #30524A)
• Softworn Bloom color palette (#E4F6F6, #79B4D2, #577BA5, #6A3F6E, #192E3F)
• Patina Alley color palette (#FFF4DC, #009CB7, #4753B6, #514500, #083A53)
• Washed Meadow color palette (#F8F5ED, #C4C39F, #778A47, #586C5C, #535000)
• Bronze Garden color palette (#E7FCE5, #B9D1C7, #9D8A95, #8D6E28, #3E530E)
• Wandering Iris color palette (#EAF9F2, #C1DDF3, #A1C4F7, #9490CA, #564058)

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