Teal Field color palette — #EDF9EF · #C1D29F · #70B18A · #658A9C · #1D3C34

Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Pistachio (#C1D29F): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#70B18A): A luminous, balanced teal — the color of shallow lagoons.
• Storm Blue (#658A9C): A luminous, dusty blue — the color of deep harbor water.
• Forest (#1D3C34): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Teal Lagoon color palette (#E9FAF1, #B2E0DA, #7CBAAC, #7394AF, #274A46)
• Tempered Lagoon color palette (#F9F5E6, #A1BF91, #5B8E6A, #366F68, #36362F)
• Faded Jade color palette (#E4FDE8, #C5D79A, #62BA86, #B07296, #353F18)
• Teal Lagoon color palette (#D6EBDD, #A5C593, #3FA585, #966378, #00312A)
• Washed Turquoise Cabin color palette (#EFF6FF, #F0D5E5, #F1BCA9, #5FB4BF, #354260)
• Washed Emerald color palette (#FAF2F9, #C3E7F4, #6EBDE4, #4BA06D, #253B59)
• Chalky Moss color palette (#FDE3EE, #DEBE49, #79A90D, #886DA4, #382D00)
• Hushed Lagoon color palette (#D8EDDF, #8FB475, #00956F, #296C87, #00201B)

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