Patina Pine color palette — #E7F6F0 · #87AC80 · #01784B · #5D3A4C · #00221E
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F6F0): a clean, paper-quiet neutral.
- Sage (#87AC80): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#01784B): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5D3A4C): A deep, shadowed, dusty rose — the color of a warm blush.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
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 Olive Orchard color palette (#E9F6EE, #9AA76C, #457232, #504715, #03221A)
- Muted Loft color palette (#FBF5E0, #7AA880, #007367, #663E41, #333A00)
- Weathered Lagoon color palette (#EAF4F3, #8AC2A6, #008878, #415D40, #122C2D)
- Wandering Lagoon Delta color palette (#D0E6E2, #599E79, #006454, #1E4312, #001616)
- Worn Lagoon color palette (#EAFAF2, #AFDEB7, #2E9D91, #7C556F, #082E2C)
- Softworn Pine Boulevard color palette (#C1F8F1, #6DB87D, #137A14, #073C04, #011201)
- Ancient Corridor color palette (#DBEFEB, #3F9122, #2169D3, #9A313B, #001915)
- Orchid Pier color palette (#D9EFE9, #75A04F, #9B57C9, #396200, #270E37)
Browse the whole catalog at Explore, or see today's palette.