Teal Field color palette — #F9F4EE · #C1DFE3 · #99C9ED · #51A489 · #335646

A conversation between Jade and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C1DFE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#99C9ED): A luminous, dusty blue — the color of deep harbor water.
• Jade (#51A489): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#335646): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, 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 Powder Basin color palette (#FBF3F1, #C3E0E4, #83D4F2, #80B086, #5D4C5E)
• Cerulean Basin color palette (#F8F5EF, #C9DBE6, #C0BCE8, #41A0B8, #5B4556)
• Dusty Turquoise Villa color palette (#F0F7F1, #CEE2F5, #5EA6B2, #45787C, #435661)
• Worn Lagoon color palette (#FDF4E6, #92DBD6, #008A96, #00543B, #000F15)
• Washed Denim Chapel color palette (#ECE5D9, #64B0B9, #005E74, #002C26, #000103)
• Aged Archive color palette (#FBF4EA, #BDEAEA, #4D99D1, #006970, #031D42)
• Chestnut Garden color palette (#FCF4E8, #DAE2CA, #DDB695, #99C1C8, #664C00)
• Hushed Sky color palette (#FBF4EA, #BDE6F4, #4EBBEE, #008885, #00375E)

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