Teal Field color palette — #E4FAFE · #57C6B2 · #CB808F · #1F8474 · #57465B

Mint Leaf takes the lead with Dusty Rose close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#E4FAFE): A whisper-light, dusty blue — the color of deep harbor water.
• Mint Leaf (#57C6B2): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#CB808F): A luminous, balanced red — the color of embers at dusk.
• Teal (#1F8474): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#57465B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged 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

• Cypress Chapel color palette (#E0F7FB, #76C4B7, #C6869F, #1C8376, #3A2944)
• Washed Taupe Archive color palette (#EBF7FF, #70BBDC, #C8866D, #397B97, #5D4554)
• Lilac Orchard color palette (#E8FAF5, #99BD7D, #B086C0, #617C4B, #4C4966)
• Antique Lagoon Drift color palette (#EFF9E9, #90D4C2, #E19BA6, #33A08A, #66433B)
• Ancient Teal Market color palette (#E3FAFF, #00AFA4, #9979B9, #906F4C, #31464B)
• Scarlet Lantern color palette (#E7F9FF, #00A7B1, #D04C43, #00696F, #63221D)
• Antique Powder color palette (#E3FAFF, #D4DCE8, #B7C6F1, #639191, #40555C)
• Weathered Seafoam color palette (#E6F9FF, #7BDFDB, #339496, #115C5B, #14424D)

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