Patina Field color palette — #EAF6EB · #9CA76A · #337447 · #04505C · #052219

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

The five colors

• Cream (#EAF6EB): bright and airy, almost weightless.
• Sage (#9CA76A): A luminous, balanced green — the color of new leaves after rain.
• Pine (#337447): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#04505C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#052219): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Tempered Jade color palette (#E9FAF2, #85A766, #3D7047, #20535B, #183D36)
• Dusty Teal color palette (#E6F6F2, #66B195, #007379, #215046, #002123)
• Wandering Olive Cabin color palette (#FBEEF4, #B19E6C, #586E1C, #513D5F, #082212)
• Forest Meadow color palette (#E0ECE3, #7C985D, #006546, #55273E, #001712)
• Muted Lagoon Lantern color palette (#FEF4E3, #ABBE74, #479265, #4D6C59, #37362F)
• Washed Olive Hollow color palette (#D5E7DA, #628537, #005138, #002F3D, #040A00)
• Patina Forest Thicket color palette (#F7EFF7, #A0D0E0, #0088AE, #085F2B, #0D2138)
• Cobalt Bloom color palette (#E5EDFA, #5E75CC, #8A6900, #525D13, #091328)

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