Weathered Field color palette — #E0F8F3 · #B4DBF8 · #A0BDF1 · #63866A · #173739

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E0F8F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#B4DBF8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A0BDF1): A luminous, balanced violet — the color of wild irises.
• Fern (#63866A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#173739): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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

• Worn Pine color palette (#C6FFF9, #D2DFF6, #CCADF8, #4B8849, #002F39)
• Bone Lagoon color palette (#E2F8ED, #B2EBDA, #A0D2E6, #8F6B7C, #1F3934)
• Patina Olive Dune color palette (#E1FBFA, #BDE3F7, #8ED5CD, #608259, #2A4F50)
• Hushed Lilac Coast color palette (#D2F3FF, #99CDFF, #B794D1, #3B714A, #011C2B)
• Dusty Field color palette (#F3F8E3, #C5EEF3, #C3BDD4, #95A97F, #3E4F06)
• Faded Glacier color palette (#CFFFDE, #13E9F8, #7EA1FD, #666E00, #00231F)
• Dusty Bronze Harbor color palette (#FFECF2, #B7AB7F, #936C44, #604059, #0A2921)
• Quiet Periwinkle color palette (#D1F3FF, #93A8FC, #B474B6, #00594C, #000F26)

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