Teal Field color palette — #EEF9EA · #B1F5E9 · #F7B8C5 · #41AE9F · #5E3C36
A conversation between Turquoise and Ballet Pink, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#EEF9EA): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#B1F5E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Ballet Pink (#F7B8C5): A whisper-light, dusty red — the color of late-summer berries.
- Turquoise (#41AE9F): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#5E3C36): A deep, shadowed, dusty orange — the color of toasted spice.
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
- Wandering Jade Atelier color palette (#F5F6E9, #CEF2C3, #D8BFF2, #7CA86F, #5F3947)
- Dusty Azure Loft color palette (#E6FBF3, #D1DEFC, #FABAA6, #59A3CF, #6D340B)
- Stone Lagoon color palette (#ECFAE8, #C6E5E3, #D6C6B9, #9EBEA2, #425347)
- Softworn Teal Courtyard color palette (#E9F8FC, #A8DFED, #C1BFFD, #21C0B9, #414B6D)
- Frost Lagoon color palette (#D2F5FF, #DDDBD0, #9DA399, #32473A, #1F2823)
- Tempered Glacier color palette (#ECFAEA, #8CDDD8, #E5A7B4, #CE8E91, #2F3D2E)
- Antique Blush Boulevard color palette (#EAF8FC, #71C0BD, #C77DAC, #008481, #534761)
- Iris Orchard color palette (#EAF6E8, #67C6BF, #9694D6, #17827C, #422738)
Browse the whole catalog at Explore, or see today's palette.