Patina Pine color palette — #F7F6E8 · #94BB97 · #278664 · #446346 · #404800
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E8): a clean, paper-quiet neutral.
- Sage (#94BB97): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#278664): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#446346): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.
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
- Patina Courtyard color palette (#F6F6E7, #7AA788, #00745C, #41486C, #303B00)
- Wandering Fern Parlor color palette (#FAF4EB, #CBC19E, #75895D, #4D6E60, #5D4C00)
- Dusty Stone color palette (#E8FBEF, #AAD19C, #589F8A, #5E7585, #2B4944)
- Cerulean Meadow color palette (#F9F4EE, #C4E6CF, #3F95B9, #00716C, #2D5046)
- Weathered Navy color palette (#E9EDD5, #3F8A6D, #005048, #2B2559, #002115)
- Ultramarine Field color palette (#FEF1F9, #8E97E7, #A09314, #4F53A9, #49441A)
- Fern Coast color palette (#F3EEE0, #556520, #0D3500, #00192A, #050700)
- Wandering Mallow color palette (#FFF0F9, #E5D9E1, #F3A9D7, #6780AA, #58444B)
Browse the whole catalog at Explore, or see today's palette.