Weathered Field color palette — #F8F5EF · #BFE1EB · #78C6EB · #28948E · #25473E

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Powder Blue (#BFE1EB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#78C6EB): A luminous, balanced blue — the color of deep harbor water.
• Fern (#28948E): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#25473E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Sky Pier color palette (#FBF4E9, #D4DAEC, #02C0F1, #00897E, #043956)
• Powder Terrace color palette (#F8F5EF, #C2E2F6, #90BDFF, #338FA6, #51344A)
• Hushed Cerulean color palette (#EBF8F6, #BFE3F4, #4995B0, #097076, #294C63)
• Petrol Studio color palette (#F4EDE2, #75C3E2, #006EA5, #003D41, #00020B)
• Hushed Denim color palette (#E9E2D7, #6BB0B2, #005F6F, #002C23, #000103)
• Mustard Study color palette (#FFF1F1, #F698CC, #B8AF00, #4B9DBD, #3C2323)
• Softworn Azure color palette (#FBF4EA, #BEEEFF, #029DDC, #006A6B, #001F3D)
• Muted Sapphire Harbor color palette (#FAF4EC, #9BD3FF, #1173F0, #004F5F, #050232)

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