Teal Field color palette — #FBF3F0 · #C3E0E8 · #A4D3BF · #71B19F · #5F4A60

Jade and Pistachio set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C3E0E8): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A4D3BF): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#71B19F): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5F4A60): A full-bodied, dusty pink — the color of a candy shop window.

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

• Timeworn Harbor color palette (#FBF3EF, #C0E2E6, #9FC6E9, #7FAF91, #315247)
• Timeworn Mint Alley color palette (#FFF1F2, #E8B4DD, #95CE9C, #77B5C2, #543A3D)
• Hazy Parlor color palette (#FFF3E9, #C5EBFF, #80BAFF, #00A5A6, #333A6E)
• Turquoise Terrace color palette (#F6F0F4, #D3D2EB, #62A6C7, #437768, #27374A)
• Faded Cobalt Station color palette (#EEE2DB, #75AABC, #007BBD, #005E56, #00012E)
• Cocoa Courtyard color palette (#FFF2EB, #EAD5C1, #CFAE9A, #AA8A80, #5F4100)
• Azure Quarry color palette (#EEE1DB, #7CCFD9, #00A0CE, #008062, #00203D)
• Ancient Mallow Atelier color palette (#FFF0F8, #E6CBFE, #CE9DD0, #AF7896, #66463F)

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