Teal Field color palette — #EFF7F5 · #CDE1F3 · #48AAAF · #397C6F · #3F5760

Turquoise and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Powder Blue (#CDE1F3): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#48AAAF): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#397C6F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3F5760): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Teal 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

• Weathered Boulevard color palette (#F7EFF4, #D0D5F3, #6DA7B4, #4B765B, #253947)
• Turquoise Bloom color palette (#FCF3EF, #CBEBE1, #7BBDCC, #679276, #335247)
• Cerulean Ridge color palette (#D9E7E4, #4E9DA9, #005363, #003030, #001720)
• Patina Taupe Orchard color palette (#F9F3F9, #D2D6E9, #AFC0E1, #84AF86, #3F556B)
• Washed Cerulean Field color palette (#EBF8F6, #98DAEA, #008DAF, #00666A, #004660)
• Aged Orchard color palette (#E2F3F1, #76BCD9, #00719C, #004E5A, #00314E)
• Muted Shell color palette (#F6F3FF, #E3D6DE, #F9BAA9, #8C87AA, #504A58)
• Washed Coast color palette (#F8F2FF, #BE82A7, #C57040, #6B73A0, #463F4F)

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