Turquoise Harbor color palette — #EAF8FF · #D3D9E5 · #B9ADAD · #70B1BA · #374A56

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

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Silver (#D3D9E5): a clean, paper-quiet neutral.
• Ash (#B9ADAD): soft and architectural.
• Cyan (#70B1BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#374A56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Iris Field color palette (#F1F5FF, #E0D8E1, #BAB1A9, #7292CE, #343356)
• Lagoon Archive color palette (#E7F9FF, #DADCE7, #C8B6E1, #4B8664, #375669)
• Worn Veil color palette (#FFEEF4, #CBDEFF, #C8CBC0, #2F3C4E, #0F1319)
• Patina Periwinkle Lantern color palette (#EAF8FF, #98D1FF, #76A2ED, #005E72, #000409)
• Patina Powder Cabin color palette (#E6F7EB, #BAE5E9, #B3C7FE, #3D9089, #1D3C2F)
• Tempered Lilac Grove color palette (#E8F0FF, #A0AAFB, #9A80E3, #004073, #00000A)
• Taupe Boulevard color palette (#FFF1F6, #F9D7AB, #BC9570, #825E6F, #233727)
• Powder Orchard color palette (#EEF6FF, #7CB5FF, #C488AE, #40806D, #1A2533)

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