Teal Field color palette — #E7F9FD · #9EE5DB · #EFB4C5 · #5CBBB0 · #584560

Built around Turquoise, softened by Ballet Pink — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Sea Foam (#9EE5DB): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#EFB4C5): A whisper-light, dusty rose — the color of strawberry cream.
• Turquoise (#5CBBB0): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#584560): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged 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

• Jade Lagoon color palette (#E8FAF6, #BCE2AD, #E3B4E7, #8BB779, #4E4865)
• Tempered Turquoise Pier color palette (#ECF7FF, #A4DEFE, #F1B992, #6FB2D6, #614351)
• Lagoon Terrace color palette (#E8F9FB, #93D3C3, #E19CA1, #4D9D8B, #5A445B)
• Softworn Mallow Hollow color palette (#E5FAFF, #86D8D4, #D1ADE7, #D0A672, #2D474D)
• Coral Delta color palette (#E8F8FF, #73EEFE, #EA807D, #00ABBB, #651F21)
• Ash Canyon color palette (#EEF7FC, #C4E9CB, #72A7BE, #567182, #202D36)
• Ash Summit color palette (#FEF1F8, #F1CEDD, #CCAABE, #A686A2, #3D4D3C)
• Blush Quarry color palette (#EBF5E9, #72C5BA, #D57F8E, #198278, #442923)

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