Teal Field color palette — #FBF3F0 · #C5E8E3 · #83C8E9 · #58AA92 · #563E59

Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C5E8E3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83C8E9): A luminous, balanced blue — the color of deep harbor water.
• Jade (#58AA92): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#563E59): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Washed Alley color palette (#FDF3EE, #C4EBE1, #8BC8DA, #6EA788, #225244)
• Sky Lantern color palette (#FEF3ED, #A4F4FD, #34C7F8, #00AA81, #144269)
• Ancient Turquoise color palette (#E9FAEF, #77DDF3, #FFA18F, #1CB1CB, #48413D)
• Weathered Lagoon color palette (#EEF7F6, #CCDEF6, #6BB0C4, #2D8A8B, #1C4E61)
• Dusty Atelier color palette (#B7F5E0, #74E0D5, #35C4D4, #168DAD, #2E4F6C)
• Aged Lantern color palette (#E4FCEC, #F1DBD8, #E2BAC9, #83C8B4, #345245)
• Cerulean Canyon color palette (#F6F0F4, #C3E2EF, #3299C4, #0F6E59, #1C2D40)
• Soft Bloom color palette (#E1FEEB, #56D0EC, #F4988A, #BC9959, #223F2E)

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