Teal Field color palette — #FAF4F0 · #C5DEE9 · #A1CCF4 · #4CB5AE · #63485E

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C5DEE9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A1CCF4): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#4CB5AE): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#63485E): 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

• Worn Sky color palette (#EBF9F3, #AEDCF8, #FCB29D, #58B3E4, #534B47)
• Aged Lantern color palette (#FAF4F0, #D0E6DF, #92D3E3, #68B589, #2C5346)
• Timeworn Cerulean Corridor color palette (#EFF7F6, #D5DDEC, #92B7D1, #3B94A3, #405567)
• Airy Cerulean color palette (#FDF3EA, #BBF2E3, #98B3FF, #00A3B7, #40366A)
• Ash Lagoon color palette (#F8EFF4, #D6D1E7, #77A1C7, #3A7772, #2B364A)
• Dusty Thicket color palette (#F1E6DD, #89B6D8, #517EDE, #006B75, #140042)
• Aged Taupe Corridor color palette (#E4FBF3, #92D0F8, #F2AB81, #B9A452, #2D4940)
• Gentle Emerald Harbor color palette (#FFF2EC, #92ECE9, #00BEDD, #009D5F, #003751)

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