Weathered Field color palette — #FAF2F9 · #B8DBE8 · #38A1D1 · #00814C · #223964

Teal takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Powder Blue (#B8DBE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#38A1D1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00814C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#223964): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Patina Workshop color palette (#FCF3EF, #BCEBF5, #5FB1D9, #387F56, #3C253B)
• Cobalt Corridor color palette (#F5EBF0, #A4CAE4, #5385D6, #006D62, #2D225B)
• Timeworn Sky color palette (#F0F7F1, #9DF1F8, #5BC1DD, #519B8B, #0C4057)
• Aged Cerulean Dune color palette (#F9F4ED, #ACD0B2, #0086A0, #006153, #174435)
• Muted Basin color palette (#F9DBEB, #D27C4D, #009CA1, #217A9E, #401E32)
• Scarlet Terrace color palette (#FAE8F7, #DE9088, #00A8BA, #D40920, #003D45)
• Misty Workshop color palette (#F6E4EC, #78A8C8, #405FB8, #004A47, #1A003C)
• Bronze Balcony color palette (#D9EEDF, #8ABAAA, #967E2C, #824C1B, #003936)

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