Weathered Field color palette — #F9F4EF · #C1EAEE · #9DBEF9 · #50A7B0 · #5C3C50

Built around Sky, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Frost (#C1EAEE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9DBEF9): A luminous, balanced violet — the color of twilight just after sunset.
• Cyan (#50A7B0): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#5C3C50): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Aqua Coast color palette (#FAF3F0, #C3EBE1, #51CFF2, #60AA87, #2A5045)
• Weathered Station color palette (#ECF8F7, #D5DBF6, #6DA9E8, #4183A0, #354964)
• Dusty Mint color palette (#FFF2EE, #FAA0AE, #28CEBE, #2BAAD7, #4B302A)
• Softworn Periwinkle Lagoon color palette (#F5EDE4, #ACE0D1, #7FA0FB, #008EA0, #2D274C)
• Petrol Workshop color palette (#EDF4EE, #CADFF2, #6F8FBB, #13697B, #212A4A)
• Ancient Cobalt Boulevard color palette (#EFDFD5, #5EACC9, #0079C3, #005E58, #02002E)
• Linen Sky color palette (#FFF2EC, #97EAF1, #00BCEB, #009C73, #00355A)
• Dusty Lantern color palette (#FFF2EF, #F7DC94, #E1DACF, #CFA4D1, #624C44)

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