Teal Field color palette — #DEE8AE · #6CB69F · #407897 · #5A3300 · #271300

Jade and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DEE8AE): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#6CB69F): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#407897): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5A3300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#271300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Wandering Basalt color palette (#DCEFDB, #8CAD8E, #5A7199, #3C4400, #012103)
• Weathered Petrol Dune color palette (#E9F4DF, #6F9F86, #0B6882, #463300, #040A00)
• Weathered Orchard color palette (#FBEDD8, #A8A575, #3B8168, #7C211B, #1C1000)
• Lagoon Thicket color palette (#D8E5D0, #009398, #3F567E, #5A270E, #321F00)
• Washed Quarry color palette (#D0EEE8, #4BB2C0, #328AC1, #814A5B, #48140A)
• Muted Denim Ridge color palette (#E1EADB, #53897E, #115583, #201F00, #000201)
• Fern Orchard color palette (#E8FFC9, #7BE0CD, #5E96CB, #5E690E, #273200)
• Antique Forest Hollow color palette (#D7FFF7, #98C4AD, #8887BE, #2B6325, #003B33)

Browse the whole catalog at Explore, or see today's palette.