Teal Field color palette — #E9F9F5 · #67AC87 · #00726A · #324F62 · #173C3C
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9F5): a clean, paper-quiet neutral.
- Jade (#67AC87): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00726A): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#324F62): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#173C3C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication, 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
- Fern Orchard color palette (#ECFAEC, #A19E64, #4B6F28, #404A63, #243B30)
- Lagoon Coast color palette (#F9F5E7, #8FC39C, #369188, #3C6E62, #313B00)
- Dusty Studio color palette (#D7F3E4, #71A33D, #006C41, #4E3568, #1E3600)
- Softworn Cobalt color palette (#FFF1F7, #A5CAE5, #527BAB, #005F60, #2C3A59)
- Weathered Corridor color palette (#F3F4FF, #FBD0F9, #E28E97, #5271A0, #403D53)
- Violet Studio color palette (#DFE2FF, #9054D8, #6A7400, #00673F, #272845)
- Bronze Delta color palette (#DCEDDA, #8C7A00, #384D00, #232B51, #201B00)
- Timeworn Quarry color palette (#EBEDFF, #9C74DF, #7F7E00, #633F99, #383805)
Browse the whole catalog at Explore, or see today's palette.