Teal Field color palette — #E1F6FD · #00B1B8 · #425C69 · #2F3A3E · #1D2324

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

The five colors

• Ivory (#E1F6FD): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00B1B8): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#425C69): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#2F3A3E): a grounded near-black with real depth.
• Onyx (#1D2324): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Aqua Coast color palette (#ECF5EC, #76C6CA, #6B8276, #4B594C, #1E231C)
• Dusty Cerulean Market color palette (#CBE6F6, #0095B7, #164A66, #0B2A39, #04141B)
• Sky Balcony color palette (#EEF6FF, #75B7F4, #BA93CF, #61A095, #354452)
• Cornflower Harbor color palette (#DBE5F5, #5E88F5, #434D63, #262E3B, #131920)
• Aqua Quarry color palette (#E9F8FF, #6AD1F0, #4CA6C8, #437A96, #3A5163)
• Oat Studio color palette (#EBF9F0, #D5D5A3, #7CA697, #6A837E, #41524A)
• Powder Terrace color palette (#ECF7FF, #85CFF7, #9ABE85, #5595B7, #2E564E)
• Hushed Basin color palette (#E7F9FF, #B5DBF1, #99AFC3, #828396, #524F62)

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