Patina Pine color palette — #E7F6F1 · #A4BC94 · #588156 · #365E52 · #072E28

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

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Sage (#A4BC94): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#588156): A full-bodied, dusty green — the color of a quiet forest floor.
• Pine (#365E52): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#072E28): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Hushed Terrace color palette (#E6F6F2, #81AD83, #3D7252, #1C4F54, #00221F)
• Timeworn Lagoon color palette (#D4E6E8, #52BAA6, #008C82, #005F60, #00323F)
• Muted Thicket color palette (#E6F6F5, #A1CDCF, #578D94, #456968, #213536)
• Dusty Hollow color palette (#FAF5E7, #B2B28B, #408361, #5F5C2E, #474500)
• Aged Delta color palette (#E3F6FA, #53B6B0, #A68B2D, #00746F, #312600)
• Tempered Lagoon Summit color palette (#C7E9E5, #498863, #00513A, #00312D, #000B04)
• Weathered Cerulean Meadow color palette (#E1F6FF, #7ACBD8, #008B9B, #004A54, #001B20)
• Worn Cerulean Delta color palette (#DFF6FF, #00A0AB, #667CBC, #517740, #00232D)

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