Teal Field color palette — #FFF2EA · #BEEDFF · #7DBBFF · #00A88D · #393B62

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Frost (#BEEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7DBBFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#00A88D): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#393B62): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Sunlit Terrace color palette (#F8ECE2, #A5DCFB, #79A4F2, #039287, #2E274B)
• Muted Powder Lantern color palette (#FAF4EE, #C3E2F5, #B5C6F2, #74AEAC, #624B55)
• Pale Cobalt Dune color palette (#CCE9E2, #00DCE4, #00B5DB, #1985CE, #30366B)
• Chalky Apricot color palette (#DCFFEB, #4ED8FF, #FF9A4A, #00A8CC, #5B2C00)
• Aged Grove color palette (#ECF7FF, #B2DBFF, #36B8FE, #007CC3, #002A40)
• Ancient Azure Bloom color palette (#F1DED7, #6DD3D3, #00A1C9, #357F44, #001F40)
• Cobalt Balcony color palette (#FBEDF5, #AFD6EE, #3388CC, #00635D, #111E54)
• Patina Amber Lantern color palette (#D6F0FF, #92D8FF, #D7A700, #DE7600, #00354C)

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