Weathered Field color palette — #FCF3ED · #C7E4D8 · #678CBD · #007073 · #5A3D51

Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Silver (#C7E4D8): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#678CBD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007073): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5A3D51): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Muted Cypress Bloom color palette (#FEF3ED, #C7E6CB, #5494AC, #257156, #225246)
• Soft Cobalt color palette (#FFF2E9, #97D9F7, #3383CD, #006764, #313C6A)
• Timeworn Lagoon Dune color palette (#E4FBF1, #EBD8D2, #D3B2D6, #488B94, #594656)
• Gentle Petrol color palette (#E7FAF4, #6AA6D4, #BE744C, #006CA4, #5F3620)
• Soft Cobalt Lagoon color palette (#B5F4F1, #49B5CC, #0E81B0, #245D91, #39436A)
• Weathered Alley color palette (#FBF2F6, #D6DEF6, #94C0F9, #44AAAC, #3A4765)
• Weathered Denim color palette (#F5E5DE, #67ACB0, #006179, #00402C, #002139)
• Dusty Cerulean color palette (#E8DDD7, #338DA4, #004162, #00231E, #000525)

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