Weathered Field color palette — #F9F4ED · #C3ECD0 · #71BDDD · #00A197 · #114438

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C3ECD0): A whisper-light, dusty teal — the color of sea glass.
• Sky (#71BDDD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A197): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#114438): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Pale Turquoise color palette (#FFF4E2, #96EBEB, #00BFD8, #009B7A, #00394B)
• Timeworn Powder color palette (#F9F4EE, #BBECDD, #86B3F8, #4099B1, #30385B)
• Washed Teal Basin color palette (#F9F4EE, #CDE6E2, #A7D3BB, #73B0A5, #315247)
• Cobalt Canyon color palette (#EFE5D6, #6FABBC, #007EAC, #005D5C, #000A18)
• Tempered Cerulean Chapel color palette (#EBF5ED, #A3CFE3, #0088AF, #005C56, #00233A)
• Ancient Atelier color palette (#FFF2EC, #BBDEC7, #659CC4, #007F5C, #2D385F)
• Quiet Villa color palette (#FFDADA, #EE85C7, #B6A714, #00A5CD, #421F21)
• Hushed Lantern color palette (#FFE8EA, #F29EDE, #79C48A, #C46EB1, #10401F)

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