Teal Field color palette — #D2F3E7 · #00A7A3 · #007A8B · #00536C · #000917
A conversation between Turquoise and Teal, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D2F3E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#00A7A3): A luminous, balanced teal — the color of sea glass.
- Teal (#007A8B): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00536C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#000917): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Softworn Emerald color palette (#E3F3E1, #00A865, #007E6C, #005152, #000D11)
- Hushed Mulberry color palette (#D7F3DC, #009E93, #007393, #84004A, #000E10)
- Washed Lagoon Villa color palette (#DBE6CE, #00A584, #005C66, #001F37, #01000B)
- Aged Navy Garden color palette (#D4F7FA, #0090B5, #00659D, #00368B, #020012)
- Muted Cypress color palette (#D8E8EA, #A5B1BE, #889BBC, #008472, #00181B)
- Frosted Villa color palette (#CEF9F1, #00D0D7, #00A5CF, #0077AE, #00255D)
- Tempered Grape Pier color palette (#DEF1F6, #009491, #633BDB, #82001E, #070800)
- Powdered Garnet color palette (#C3E9F3, #629BB0, #4978B6, #8A2E3C, #391300)
Browse the whole catalog at Explore, or see today's palette.