Turquoise Pier color palette — #F1F3E8 · #C0E4C0 · #76D5C9 · #48ADD7 · #1D301A

Cyan and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Celadon Mist (#C0E4C0): A whisper-light, dusty green — the color of new leaves after rain.
• Aqua (#76D5C9): A luminous, balanced teal — the color of shallow lagoons.
• Cyan (#48ADD7): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#1D301A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged candy, vibrant, light, 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

• Wandering Turquoise color palette (#F5F2E6, #E5D9C1, #B8D182, #00B3BF, #282B08)
• Wandering Violet color palette (#E7F6EE, #97F1C6, #59CDFA, #9C6EE2, #002B21)
• Lagoon Lagoon color palette (#E2E9CA, #8DC6B1, #0B9499, #006378, #0D3D32)
• Aged Cypress Study color palette (#EAF6E9, #7FC1BF, #CC8973, #008280, #362F2C)
• Seafoam Harbor color palette (#F3F7EC, #DBF9AD, #81E5BC, #32A7B0, #42503D)
• Pale Indigo color palette (#E1F9E7, #B5DA85, #00BABC, #6461E1, #001A24)
• Powder Loft color palette (#E9F9F9, #ABEDED, #85D3FF, #A3BAD5, #22474D)
• Muted Chestnut color palette (#F4F2EA, #C2C6AF, #758A6C, #745F10, #31322B)

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