Teal Field color palette — #E8F9FC · #5CC4B9 · #CC8089 · #22837A · #58465A

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

The five colors

• Ivory (#E8F9FC): bright and airy, almost weightless.
• Mint Leaf (#5CC4B9): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#CC8089): A luminous, balanced red — the color of late-summer berries.
• Teal (#22837A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#58465A): A full-bodied, dusty pink — the color of a candy shop window.

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

• Washed Taupe color palette (#E0F7F9, #7AC5AD, #CD8780, #34816C, #41263E)
• Dusty Veranda color palette (#E3FCF6, #95BE7F, #B687AF, #607C51, #504863)
• Hushed Sky Summit color palette (#ECF7FF, #69BAE8, #BD8D69, #407A9A, #604350)
• Tempered Atelier color palette (#EEF8EF, #87D3D9, #DA9CB5, #3D9CA2, #67423F)
• Ancient Ridge color palette (#E4FAFF, #00AEA8, #B57383, #8B6A86, #2D474D)
• Frosted Rust Archive color palette (#E8F8FF, #00A7B5, #D64800, #006972, #62240D)
• Timeworn Atelier color palette (#E4FAFF, #D6DCE8, #C7C1E2, #638C8A, #3D5058)
• Antique Thicket color palette (#FEF1F8, #D4B18F, #A07563, #6A5669, #3D4C41)

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