Patina Pine color palette — #EDF8F2 · #8FBAAD · #577F53 · #2F6368 · #314841

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

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Sage (#8FBAAD): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#577F53): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#2F6368): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#314841): 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

• Softworn Hollow color palette (#EBF9F3, #8BA476, #29743D, #2C4D70, #1E3C36)
• Weathered Stone color palette (#FBF4EB, #C4CA8E, #729B76, #607967, #4F4200)
• Muted Cerulean Terrace color palette (#EFF8F1, #C0E4ED, #009CAA, #257156, #304C5B)
• Worn Mallow Boulevard color palette (#EFF6FF, #DCD7E6, #DEB4E6, #5687AA, #434B5C)
• Gentle Olive color palette (#DBF1EA, #4C8B45, #005234, #132B5C, #042202)
• Smoked Forest color palette (#D0ECE9, #006E52, #00332F, #001A21, #000804)
• Sunlit Scarlet Station color palette (#EFF6FF, #6087D0, #C9494D, #387A32, #2B394C)
• Cobalt Thicket color palette (#C6E9FF, #62B9E9, #007AC1, #315799, #354361)

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