Weathered Field color palette — #FCF2F5 · #C8DFF4 · #6F89C0 · #1D6E77 · #3D4666

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Powder Blue (#C8DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6F89C0): A luminous, balanced violet — the color of wild irises.
• Teal (#1D6E77): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3D4666): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Patina Petrol color palette (#F1F3EC, #C0E6DA, #6C91B9, #006789, #192C4A)
• Muted Cerulean color palette (#EEF7F7, #D6DAF1, #77A8E0, #0086B1, #354963)
• Tempered Forest color palette (#FAF3F8, #A9CBD7, #2C849F, #006345, #1B3E58)
• Navy Harbor color palette (#EEE2E8, #5289A0, #003E6D, #002221, #03002E)
• Ancient Coast color palette (#EEE2EA, #57ADBC, #005F82, #003F33, #001F42)
• Hazy Hollow color palette (#EFF6FF, #5E8AC7, #A26F2A, #646A0E, #253951)
• Washed Quarry color palette (#EEF6FF, #70A4D6, #AF7E48, #1169AB, #5A3B14)
• Timeworn Turquoise color palette (#F9F4EF, #C5E7EB, #9EBCFF, #32AAB9, #583F4D)

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