Turquoise Pier color palette — #F1F7F2 · #D3DCDC · #B6B2A8 · #4CBDD1 · #3F4B43
A conversation between Cyan and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D3DCDC): bright and airy, almost weightless.
- Ash (#B6B2A8): soft and architectural.
- Cyan (#4CBDD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3F4B43): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Wandering Basalt Villa color palette (#F7F6E8, #D4D9B7, #83BA9D, #619C9A, #424700)
- Azure Study color palette (#EDF8F3, #E9D7DD, #DFB9BF, #00A5E0, #223830)
- Hushed Corridor color palette (#F9F3F8, #E6D6D6, #B3AC9C, #79A0FF, #4C3849)
- Wandering Harbor color palette (#D8E9E3, #66B3E5, #80667D, #345147, #121B16)
- Hushed Petrol color palette (#EBF3F8, #D3D8E6, #BBBCC9, #4D7C90, #262D31)
- Wandering Bronze Hollow color palette (#EBF9F2, #75CBEC, #BF88CD, #B76422, #164221)
- Muted Chestnut color palette (#E2FDEF, #E6CDE8, #D0ACBF, #BD8A70, #724B00)
- Powder Meadow color palette (#E6FBF2, #A5FCFD, #BCD6FF, #A3B6FF, #1E3E5C)
Browse the whole catalog at Explore, or see today's palette.