Patina Pine color palette — #E9F9F7 · #92BB9E · #1E8762 · #3C5F71 · #2F4847

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

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Sage (#92BB9E): A luminous, dusty teal — the color of glacier melt.
• Fern (#1E8762): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#3C5F71): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#2F4847): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Dune color palette (#EEF8F2, #A7CABA, #7B8759, #735E73, #40524A)
• Ancient Pine Parlor color palette (#E6FAF5, #80A77C, #1C7540, #684023, #103E39)
• Dusty Teal Lantern color palette (#D2F3F4, #00A98F, #006961, #00476F, #00372D)
• Timeworn Teal color palette (#EDF9F0, #C9DEB1, #7EBC9D, #9789A8, #284A42)
• Tempered Pine Veranda color palette (#D6EBE8, #3B8D5C, #005239, #442600, #00220F)
• Mulberry Villa color palette (#F8F2FF, #CC85B1, #2F90D7, #993F7B, #29455E)
• Fern Pier color palette (#CEE7D8, #60620D, #262F00, #330004, #000804)
• Softworn Shell Delta color palette (#FCF1FF, #F1D2DC, #FFB6A5, #A06784, #514253)

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