Patina Pine color palette — #F5F6EA · #77A97F · #00764A · #3A5332 · #35362F

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Jade (#77A97F): A luminous, balanced green — the color of new leaves after rain.
• Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#3A5332): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#35362F): quiet, heavy and certain.

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

• Cypress Veranda color palette (#F5F2E3, #80AD84, #00765F, #524600, #1B1E08)
• Feathered Fern Lagoon color palette (#F1ECD0, #79A047, #226C00, #00512E, #23340C)
• Muted Parlor color palette (#FCF4E6, #A69D5D, #666800, #4E4A44, #38352E)
• Lagoon Balcony color palette (#E7FAF3, #92C397, #30937B, #466C60, #1E3B39)
• Patina Olive color palette (#F6F6EB, #C1C49F, #5F8E68, #567031, #4F5100)
• Antique Teal Harbor color palette (#D1EDE9, #00A7A7, #007F86, #00545F, #003D4A)
• Washed Olive color palette (#E2F4E6, #00A0AF, #7F7E00, #00626C, #393800)
• Lagoon Canyon color palette (#DEE2D0, #248F60, #00513D, #003912, #002112)

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