Teal Field color palette — #EDF9F1 · #BCEDD3 · #53B38E · #5B8068 · #273E39
A conversation between Jade and Mint, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF9F1): bright and airy, almost weightless.
- Mint (#BCEDD3): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#53B38E): A luminous, balanced teal — the color of sea glass.
- Fern (#5B8068): A full-bodied, dusty teal — the color of sea glass.
- Forest (#273E39): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Faded Teal color palette (#D6FFF8, #8BEBC5, #00B6AC, #007F8F, #28445C)
- Turquoise Bloom color palette (#EEF8F5, #CAD9F2, #79BCBF, #698F85, #374A4B)
- Patina Pine color palette (#E7F6F1, #A4BC94, #588156, #365E52, #072E28)
- Cypress Field color palette (#E5FCEE, #87AF77, #007058, #00425B, #020A00)
- Softworn Orchard color palette (#FDF1F6, #F0E7B2, #83AC64, #906A79, #2A3D33)
- Teal Villa color palette (#F8F5EA, #C1E1AC, #85BB91, #979076, #474500)
- Emerald Bloom color palette (#CFE8DB, #639F61, #005B4D, #302C00, #000200)
- Hazy Blush color palette (#E3FAFF, #86E9DD, #FF9A96, #009F94, #492D47)
Browse the whole catalog at Explore, or see today's palette.