Turquoise Harbor color palette — #F8E9F6 · #3FB5BB · #007094 · #004E26 · #001232
A conversation between Cyan and Peacock, giving this palette its sense of nature and growth.
The five colors
- Blush (#F8E9F6): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#3FB5BB): A luminous, balanced teal — the color of glacier melt.
- Peacock (#007094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E26): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Aged Ultramarine color palette (#FBE4EF, #3CAFDC, #1363C2, #004B41, #13053C)
- Antique Coast color palette (#FBEAE2, #86C3C8, #007290, #00402D, #000308)
- Tempered Cerulean color palette (#E2F2EF, #69C0C6, #0094A5, #006E67, #00171E)
- Cerulean Boulevard color palette (#F7E9F7, #82D5D7, #1A93BA, #2B6D3D, #142E4E)
- Aged Ultramarine Lagoon color palette (#D3E7DB, #8A7700, #0066BD, #514500, #000F25)
- Periwinkle Workshop color palette (#FDF1F7, #C4ECFF, #84A6D9, #3D8A7E, #3F4661)
- Lime Harbor color palette (#EFDEC1, #8FBD56, #00A393, #863C2C, #1C1600)
- Aged Moss color palette (#EBE9CE, #938900, #645300, #2F2700, #020200)
Browse the whole catalog at Explore, or see today's palette.