Patina Field color palette — #EFF7F5 · #D3DDE2 · #B4B4C5 · #98B779 · #3F4B48

Sage takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D3DDE2): a clean, paper-quiet neutral.
• Ash (#B4B4C5): A luminous, dusty violet — the color of a velvet chair.
• Sage (#98B779): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#3F4B48): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina 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

• Weathered Bloom color palette (#EBF8FA, #D4DAE5, #BBA5AF, #00BDAE, #29454A)
• Muted Fern Lagoon color palette (#F5F6EF, #D5DDD7, #B4C6BD, #789B6A, #4B4B00)
• Dusty Chestnut color palette (#E3FCE9, #C2DECD, #98C2C5, #A98BA6, #61522B)
• Wandering Olive color palette (#F2F2EA, #D0DBD4, #B0C1BE, #677E4F, #2D2D25)
• Clover Courtyard color palette (#E7FAF8, #CCDCE9, #B3C2E8, #00B65C, #1F3837)
• Timeworn Mint color palette (#D0EBEB, #5DC193, #517685, #2C5152, #101B18)
• Muted Pier color palette (#FCF0FF, #C0D08B, #40B9B9, #B16689, #194542)
• Worn Cypress color palette (#E1EBEC, #99A1AD, #8587A8, #00745F, #000C0E)

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