Patina Pine color palette — #E7F6EE · #8AAC74 · #00784C · #503C63 · #00221D

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

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Sage (#8AAC74): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#00784C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#503C63): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#00221D): 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

• Weathered Villa color palette (#EAF5F1, #92C0A1, #008878, #584F70, #0E2D2C)
• Lagoon Boulevard color palette (#D7E9E3, #659D72, #006454, #50274B, #001806)
• Aged Orchard color palette (#E7FAF6, #66AE77, #2F7152, #285163, #133D3B)
• Misty Moss Basin color palette (#D3EDD4, #A19900, #3D6900, #3F2C7C, #181700)
• Muted Lagoon color palette (#F5F7E6, #B1DCBD, #349F76, #306C7E, #252B13)
• Faded Mulberry Bloom color palette (#EFE4FB, #DF79B1, #009157, #84005B, #002311)
• Cobalt Hollow color palette (#F7EFF4, #A8CEE2, #3483B7, #005C53, #101F3D)
• Tempered Apricot color palette (#F6EEFF, #FFC7CB, #D69F6E, #775F91, #312236)

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