Teal Field color palette — #DFFCF8 · #5AB891 · #007A6D · #355C35 · #124244
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DFFCF8): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#5AB891): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007A6D): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#355C35): A full-bodied, dusty green — the color of fresh herbs.
- Deep Teal (#124244): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
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
- Timeworn Jade Drift color palette (#DCFEEF, #88B266, #307B45, #525519, #2E411D)
- Muted Boulevard color palette (#C3F8EF, #00AC71, #006A5A, #004C56, #003822)
- Washed Stone color palette (#E7FBF3, #97BB8C, #508062, #3E6067, #304844)
- Ancient Emerald Quarry color palette (#F3F8E2, #9BE0BF, #4FBB9E, #4B9C64, #154431)
- Weathered Archive color palette (#EDF9EF, #94DAF2, #0089C1, #006667, #1C4267)
- Timeworn Glacier Archive color palette (#67F8F5, #00B8C8, #00788F, #005A7B, #00416B)
- Worn Powder Quarry color palette (#ECF7FF, #D9D7EB, #B7AAEF, #118693, #274663)
- Hazy Olive color palette (#D3ECDF, #628900, #005412, #00372E, #131F00)
Browse the whole catalog at Explore, or see today's palette.