Turquoise Field color palette — #FFF2EB · #82F0EE · #0DADCA · #228556 · #004565

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#82F0EE): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#0DADCA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#228556): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004565): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Glacier Market color palette (#FFF2EC, #17E6ED, #009CBE, #007651, #003656)
• Timeworn Periwinkle color palette (#FFF2EA, #A8E5FF, #59A1E2, #00837E, #2E3C6C)
• Dusty Turquoise Balcony color palette (#EFF8F1, #C8DCF9, #00C4DA, #008B6B, #003B4C)
• Emerald Garden color palette (#FBF1FC, #B3F2F2, #24C8F7, #00AE43, #0E4172)
• Hushed Powder color palette (#FCF3EF, #BFE5F0, #82BAD7, #7A8D6C, #5D4C5E)
• Linen Aqua color palette (#E3FFD8, #88FFDE, #47D8FE, #948A3C, #2C543D)
• Quiet Cobalt color palette (#F3E4D9, #6BBDDF, #1E78C1, #005956, #131C40)
• Soft Grove color palette (#F9ECE4, #2AA1C1, #005D90, #003C36, #00022D)

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