Teal Field color palette — #F4F7E6 · #61B793 · #007A6E · #355B37 · #0B4532
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#61B793): A luminous, balanced teal — the color of sea glass.
- Teal (#007A6E): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#355B37): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#0B4532): A deep, shadowed, dusty teal — the color of sea glass.
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
- Pine Quarry color palette (#FAF5E1, #8DAF75, #007F3C, #515607, #2C421C)
- Faded Veranda color palette (#EBEFCD, #40A87A, #006A5B, #004C57, #003823)
- Faded Mint Delta color palette (#E0FDF4, #5AD5A3, #00999D, #5F7045, #0F4531)
- Ancient Cocoa Bloom color palette (#FAF4EB, #CDC09F, #7A894D, #526D5F, #604A00)
- Forest Thicket color palette (#E6E0CB, #698445, #005416, #00372E, #1E1B00)
- Softworn Cobalt color palette (#FBF4EA, #9DD9EE, #0089C3, #006668, #234163)
- Chalky Courtyard color palette (#86F5F1, #00B7CB, #007B92, #005774, #004065)
- Washed Powder color palette (#DAFFEF, #E3E2F4, #C0B2FF, #008497, #294867)
Browse the whole catalog at Explore, or see today's palette.