Weathered Field color palette — #E7F6F1 · #8BBEBF · #008688 · #5E4D6A · #0B2D2E

A conversation between Teal and Ash, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Ash (#8BBEBF): A luminous, dusty teal — the color of glacier melt.
• Teal (#008688): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5E4D6A): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#0B2D2E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Softworn Pier color palette (#ECF4ED, #AFBA88, #4C835C, #515174, #142D25)
• Cypress Orchard color palette (#E8F5F1, #76AE91, #007374, #1F5044, #002122)
• Gentle Pine Pier color palette (#CEFCFD, #7ED1AE, #008E62, #004C2F, #001D13)
• Hushed Fern color palette (#F8F6E4, #95D4B7, #4D9EA1, #8A6765, #354B03)
• Ancient Cerulean color palette (#F6F0F5, #B7E5F5, #4698BD, #366B4A, #192D47)
• Aged Lagoon color palette (#E4F7F2, #B7DCFB, #A9BDF7, #8D8355, #1D3536)
• Moonless Courtyard color palette (#D3EAE4, #007A61, #003E45, #3E001B, #000402)
• Linen Olive color palette (#EFE3C5, #9FB45C, #2D8C2B, #005940, #003230)

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