Teal Field color palette — #E9FDD7 · #66EBD2 · #00C0A2 · #008A72 · #002C24
Turquoise and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E9FDD7): A whisper-light, dusty green — the color of new leaves after rain.
- Lagoon (#66EBD2): A whisper-light, balanced teal — the color of glacier melt.
- Turquoise (#00C0A2): A luminous, balanced teal — the color of sea glass.
- Fern (#008A72): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002C24): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, 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
- Lagoon Station color palette (#DEFCFF, #66D2B3, #00977C, #005D49, #002C25)
- Ancient Turquoise Dune color palette (#CBFCFF, #67E1EC, #00B9D1, #008397, #00282D)
- Aged Teal Lagoon color palette (#BAFEEC, #51BC9E, #007966, #003E33, #00130D)
- Washed Clover color palette (#E1FFDC, #9DE1A1, #4FBC57, #47872C, #042E05)
- Fuchsia Meadow color palette (#F0F8EF, #6DE0DC, #D87CCE, #00ACA8, #281014)
- Ancient Clover color palette (#EDF1DE, #51C871, #EC777C, #399953, #252910)
- Teal Harbor color palette (#DFF0EE, #00C1BC, #00998B, #00655A, #000A09)
- Dusty Sky color palette (#DEFEF1, #B9E9FF, #66C4F3, #4493AE, #0F3F31)
Browse the whole catalog at Explore, or see today's palette.