Turquoise Field color palette — #F5F1EB · #C5E6DC · #59AAB6 · #397963 · #273B31

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C5E6DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#59AAB6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#397963): A full-bodied, dusty teal — the color of sea glass.
• Forest (#273B31): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Petrol Market color palette (#F5F1EB, #C5E5E7, #7D9ECA, #277688, #40303D)
• Hushed Lagoon Villa color palette (#EBF8D6, #70C5B2, #00968F, #096C76, #254031)
• Tempered Coral Ridge color palette (#E9F6EA, #68C5C6, #D87E82, #008284, #47281E)
• Wisteria Loft color palette (#E5F8E8, #3CAEB9, #B371B9, #907438, #1D2B20)
• Lagoon Bloom color palette (#E8DED0, #118892, #004352, #00201A, #000103)
• Antique Petrol color palette (#F0E8DC, #80BDD7, #0072AB, #004B4F, #021531)
• Hushed Boulevard color palette (#F0F7F1, #D0E2F3, #7FBDC7, #628F92, #415662)
• Cerulean Basin color palette (#F6F1E9, #91DDF0, #008FBD, #00625E, #002743)

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