Teal Field color palette — #F6F6EC · #A8E9E4 · #00B1B5 · #00856F · #004950

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

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Sea Foam (#A8E9E4): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#00B1B5): A luminous, balanced teal — the color of glacier melt.
• Teal (#00856F): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004950): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Summit color palette (#F5F6EF, #C9E6E0, #95BCA3, #1C9996, #325342)
• Antique Forest Delta color palette (#FFF2EB, #9ADDD7, #008FA2, #006B36, #004661)
• Azure Hollow color palette (#F4F7EB, #B8E7D3, #2AA5EB, #007F98, #004272)
• Aqua Villa color palette (#FFF0FA, #9EF7F1, #00CCE7, #49A76B, #004661)
• Magenta Courtyard color palette (#DEEDFF, #4B9EFB, #BE63D5, #009188, #113154)
• Cobalt Hollow color palette (#E4E6DC, #7DBCD2, #007FAA, #005862, #002236)
• Aged Thicket color palette (#EFF1E7, #559EB2, #00617D, #003B3F, #000B13)
• Hushed Ultramarine Coast color palette (#D9EBF5, #50BBFF, #0089DF, #005BB7, #19397B)

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