Teal Field color palette — #DDE2CD · #5EB089 · #008476 · #173D00 · #001509
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DDE2CD): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#5EB089): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#008476): A full-bodied, balanced teal — the color of sea glass.
- Forest (#173D00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#001509): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged pastel, 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
- Muted Petrol Summit color palette (#E2EFDD, #46A19F, #007989, #003B2D, #001413)
- Quiet Pine Dune color palette (#DBE2C8, #729A4F, #1C7839, #373300, #0C1300)
- Washed Cerulean color palette (#C7EEE8, #69AC98, #008FA9, #554E00, #001207)
- Hushed Olive Corridor color palette (#CCE6E4, #70BD9A, #00B19D, #2D7714, #00160A)
- Ancient Turquoise Ridge color palette (#D8E5D8, #49C3D4, #3992B0, #00594E, #002F32)
- Turquoise Cabin color palette (#E9FDDA, #9DDAD3, #3DAAB3, #256E4C, #003C35)
- Inked Cypress color palette (#D7E6D9, #00686E, #202E4C, #002225, #000204)
- Fern Lantern color palette (#E8EFE1, #5A6600, #1C2529, #001A11, #000302)
Browse the whole catalog at Explore, or see today's palette.