Teal Field color palette — #E9F8FF · #D9DBE5 · #B4B7AB · #50B38D · #193D57

Built around Jade, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Silver (#D9DBE5): bright and airy, almost weightless.
• Stone (#B4B7AB): a calm mid-gray that lets other colors speak.
• Jade (#50B38D): A luminous, balanced teal — the color of glacier melt.
• Navy (#193D57): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, 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

• Muted Moss Chapel color palette (#E2FBFA, #CEDFEC, #C4AFAB, #979C4D, #023F49)
• Weathered Turquoise Alley color palette (#DFFEEC, #DBE0F9, #D7BEEC, #63B4B8, #24473B)
• Patina Cerulean color palette (#EDF6FF, #E2DAE3, #F7C1B4, #00A0AB, #212959)
• Hushed Powder Harbor color palette (#F0F5FF, #DFD8E2, #88CFE1, #B6B0A7, #4E5164)
• Hushed Lagoon color palette (#F1F5FF, #EFD9DF, #C8C3AE, #03A2EF, #453155)
• Tempered Lilac Quarry color palette (#E5FDE7, #D3E7FF, #C19DD3, #47805F, #2A463A)
• Tempered Terracotta Lantern color palette (#FFF1F5, #A8D3BA, #AC804C, #87402E, #002920)
• Timeworn Powder Parlor color palette (#E3F5FF, #ADDAFE, #9EADE8, #327272, #0F2A3C)

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