Teal Field color palette — #ECF4F2 · #C9DFF4 · #61AAAD · #39786A · #243A42

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Powder Blue (#C9DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#61AAAD): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#39786A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#243A42): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Ancient Quarry color palette (#FCF3EF, #C7EEE1, #69A4B0, #677733, #395047)
• Hushed Powder Atelier color palette (#E2F7F5, #C2E1F0, #A4C9E3, #6C9B93, #253C3B)
• Tempered Petrol color palette (#E1ECEA, #87BCD1, #00749F, #004A54, #001829)
• Lagoon Station color palette (#DAE9E6, #18888F, #00444D, #001F1D, #000202)
• Cerulean Studio color palette (#DFF8F6, #64AF7C, #1E9DBA, #8A7646, #112D2B)
• Antique Quarry color palette (#E5F6F3, #86DFF3, #0091B2, #006165, #002939)
• Olive Meadow color palette (#E4F7F2, #9FBF8B, #D08673, #577F39, #40283A)
• Worn Lagoon color palette (#CAF1E0, #AABA7E, #75933F, #436130, #19423D)

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