Teal Field color palette — #ECF0E9 · #C5D8D1 · #A2C2B9 · #3FA68D · #27321F

Turquoise and Ash set the tone — five colors that lean into sophistication.

The five colors

• Cream (#ECF0E9): a clean, paper-quiet neutral.
• Silver (#C5D8D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A2C2B9): A luminous, dusty teal — the color of sea glass.
• Turquoise (#3FA68D): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#27321F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Pine Parlor color palette (#ECF0E6, #CEDCCE, #A3BFB0, #158563, #293120)
• Weathered Lagoon color palette (#ECE4D1, #BEBE81, #8B994F, #627E55, #322806)
• Azure Hollow color palette (#E9FAF2, #C7DEE0, #E2BFCC, #00A7D8, #1C3A2D)
• Forest Quarry color palette (#E0ECED, #BFCFD2, #81ACB8, #006452, #06191B)
• Washed Villa color palette (#E5F1EA, #9EB5B5, #78A1A4, #007F97, #001A0C)
• Muted Lapis Summit color palette (#DFE1C1, #00C4BA, #0099AD, #5C59AF, #002A2B)
• Azure Harbor color palette (#D8EAEE, #94C1AB, #6998C2, #936A77, #4D2C4C)
• Tempered Lagoon color palette (#DDF8DF, #009FA4, #3A5D47, #1F3622, #010601)

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