Teal Field color palette — #ECF8F5 · #A9F6F2 · #00A6AD · #006B5C · #002328

A conversation between Turquoise and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Sea Foam (#A9F6F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00A6AD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006B5C): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002328): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Washed Azure Bloom color palette (#E8F9F7, #C8E0FF, #009ED7, #006876, #002136)
• Timeworn Denim Loft color palette (#DBEAE7, #6FAEB9, #005F72, #002B2C, #000102)
• Cerulean Meadow color palette (#E7FAF7, #82DBF0, #0087A8, #005155, #000F17)
• Weathered Emerald Thicket color palette (#F7EAF3, #9AE3DF, #00B8D4, #24955C, #003249)
• Tempered Studio color palette (#D5FFFB, #05AF4B, #0091A9, #896400, #00100F)
• Hushed Forest Balcony color palette (#F5EBF6, #8DBAC5, #00748E, #005412, #042F54)
• Patina Petrol color palette (#DDF4F2, #80BFE6, #006CAB, #003B4C, #00020A)
• Dusty Ember Atelier color palette (#E2FCF6, #7DC043, #FB4914, #407300, #320600)

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