Weathered Teal Field color palette — #EFF7F9 · #D5DCE5 · #C9C0C9 · #56AEB1 · #394143

Turquoise and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5DCE5): a clean, paper-quiet neutral.
• Stone (#C9C0C9): soft and architectural.
• Turquoise (#56AEB1): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#394143): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered 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

• Abyss Summit color palette (#E7F0F4, #BCD4E2, #8AABC2, #005863, #000305)
• Softworn Azure color palette (#EFF6FE, #D9D8E3, #BEAFAC, #5694DE, #2A3644)
• Wandering Cypress color palette (#EEF7F9, #D7DBE4, #BFBECB, #42817B, #3C4B4E)
• Jade Garden color palette (#EAF9F4, #B1EAF4, #79AE74, #577F7F, #243E39)
• Frosted Pier color palette (#E1FBF9, #6BDEF8, #2C9CD6, #72548B, #1B3543)
• Softworn Turquoise color palette (#EBF7FF, #00AED9, #2C4A60, #0F212A, #01060A)
• Wandering Lantern color palette (#EFF6FF, #DAD8E2, #C9BEDB, #4E73C3, #161F2C)
• Airy Iris color palette (#EDF6FF, #75C3FF, #887CCE, #824075, #451D1D)

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