Teal Field color palette — #F1F8EC · #CBDFDA · #A5B7D2 · #57B99D · #3B4236

Built around Jade, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F1F8EC): bright and airy, almost weightless.
• Silver (#CBDFDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A5B7D2): A luminous, dusty blue — the color of deep harbor water.
• Jade (#57B99D): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3B4236): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication, Softness, Clarity. 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

• Lagoon Pier color palette (#E9F9FB, #CBDDEF, #ADC4E0, #2C998B, #314347)
• Weathered Field color palette (#EEF8F2, #EED3D1, #AFA395, #28B5DA, #31453A)
• Turquoise Lantern color palette (#DAF2DE, #00B6C3, #3D6D8D, #344738, #0E1409)
• Hushed Cypress Garden color palette (#EAF4F5, #CCD8E5, #AAC4D1, #007D6A, #0B2A2E)
• Wandering Glacier color palette (#BAF8E0, #79E1F7, #96B2E3, #A97F5F, #6F3E00)
• Hazy Wisteria color palette (#E8FCE3, #00D3C3, #BF76D8, #B5524F, #4B2500)
• Mint Summit color palette (#FFF2EC, #00DFBE, #0CAAEA, #B9585B, #003E40)
• Chalky Bloom color palette (#DFFFE1, #83FFB0, #00F2EE, #8DC1FF, #003A4A)

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