Weathered Field color palette — #FAF2F7 · #D3E0F8 · #99C2EC · #56AA93 · #3A4766

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

The five colors

• Ivory (#FAF2F7): a clean, paper-quiet neutral.
• Frost (#D3E0F8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#99C2EC): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#56AA93): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3A4766): A full-bodied, dusty violet — the color of a velvet chair.

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

• Hushed Lagoon color palette (#F9F4ED, #BCEAE7, #6BAED5, #1A8B8C, #553F58)
• Mallow Lagoon color palette (#F8F2FF, #F69DCE, #46CDB5, #2EACBF, #3F314C)
• Chalky Hollow color palette (#FFF1F5, #B4E0FF, #86A6FF, #009894, #3C1A6D)
• Ancient Cornflower Harbor color palette (#EED9E3, #80B9D5, #4481E0, #006E63, #160040)
• Worn Delta color palette (#F6F3FF, #E9DCD4, #D2DEA7, #B4AAE0, #57485E)
• Cobalt Coast color palette (#E8DBE6, #5BB0B8, #007EAC, #006138, #000623)
• Timeworn Pier color palette (#FFF0F8, #B9DBBB, #D29F84, #AD787B, #264537)
• Dusty Coast color palette (#F7F0EC, #C1E7D1, #5492CD, #0B6E59, #3A2433)

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