Teal Field color palette — #B6F5C2 · #44B493 · #00777D · #004B68 · #003260

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

The five colors

• Mint (#B6F5C2): A whisper-light, balanced teal — the color of sea glass.
• Jade (#44B493): A luminous, balanced teal — the color of sea glass.
• Teal (#00777D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#003260): A deep, shadowed, balanced blue — the color of open sky before noon.

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

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 Teal color palette (#C9F4EE, #4BB1B4, #007480, #004350, #001A25)
• Soft Jade Courtyard color palette (#DFE6A2, #7FB36E, #007758, #004A49, #003546)
• Soft Seafoam Garden color palette (#BCF7C3, #65DDBB, #00B4C0, #0081A4, #002C64)
• Washed Navy Thicket color palette (#B9FEE6, #61BCB9, #2185A3, #0D5490, #2E2D7F)
• Onyx Dune color palette (#D4EFE0, #009185, #005460, #00283C, #000348)
• Powdered Cobalt Orchard color palette (#E4FAFF, #7FD38A, #00B7AB, #1B79CB, #00383F)
• Lagoon Basin color palette (#FFE6F8, #2F9A7B, #006482, #67292B, #0B363F)
• Sunlit Alley color palette (#CAF0F0, #4CAFD1, #216DB1, #363887, #470971)

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