Patina Pine color palette — #F4F2E7 · #B5B78F · #3A8758 · #635500 · #282912

A conversation between Fern and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F2E7): a clean, paper-quiet neutral.
• Sage (#B5B78F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3A8758): A full-bodied, balanced teal — the color of sea glass.
• Olive (#635500): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#282912): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Worn Fern color palette (#F1F3EA, #B8CAA7, #4C918A, #5D6821, #233900)
• Dusty Pine color palette (#F4F3E3, #87AB85, #00784F, #354E34, #1C1E09)
• Tempered Bronze Courtyard color palette (#FBF5E6, #CAE8C4, #64AF96, #8E722B, #393932)
• Hushed Dune color palette (#DBEBC4, #3BB7A2, #008B87, #00565A, #143926)
• Aged Harbor color palette (#E6E7D5, #3F8A5B, #00503F, #003035, #000B03)
• Shadow Fern color palette (#F0E8DB, #5C5C00, #1F3000, #001A0D, #020100)
• Ancient Harbor color palette (#E7F7E9, #BBE5E3, #99C1FF, #4C8F84, #22362C)
• Gentle Coral color palette (#E9F6E9, #1FBABD, #D26871, #007375, #41181C)

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