Teal Field color palette — #E9F9F5 · #A7D7B9 · #59B2A6 · #A9746D · #103D3D

Turquoise takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F5): a clean, paper-quiet neutral.
• Pistachio (#A7D7B9): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#59B2A6): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A9746D): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Teal (#103D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Boulevard color palette (#EDF9EE, #CDCE99, #86AD71, #9F7491, #1A3D2F)
• Teal Balcony color palette (#E0FCF5, #9AE1B9, #00BEAF, #73954F, #05462B)
• Dusty Emerald Atelier color palette (#E7FAF6, #ACDFB3, #2BA16B, #6D6433, #082E2C)
• Aged Stone Lagoon color palette (#EEF8F3, #BFE8E0, #8EC3A9, #7BA592, #3A534E)
• Faded Jade Summit color palette (#D8F3E2, #B0CC81, #00B45B, #8F7A00, #243400)
• Peony Lagoon color palette (#C1EFF0, #58C699, #B091EC, #E45DA5, #003523)
• Dusty Terracotta color palette (#D7F5F0, #62BB9E, #009193, #9F4421, #002118)
• Taupe Corridor color palette (#E2FBF7, #AAEDF7, #ABC9F9, #AEA854, #06474B)

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