Patina Pine color palette — #F8F1E7 · #9CA670 · #247642 · #5E3947 · #211C01

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E7): bright and airy, almost weightless.
• Sage (#9CA670): A luminous, dusty green — the color of new leaves after rain.
• Pine (#247642): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5E3947): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#211C01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aged Corridor color palette (#F3F2E8, #78AD96, #007378, #623936, #162006)
• Pine Atelier color palette (#FAF0E3, #A1B067, #008042, #644600, #262000)
• Antique Taupe color palette (#FDF4E4, #9CA156, #516D33, #514946, #37352F)
• Dusty Moss Loft color palette (#EDE5D9, #7A9A53, #006545, #463703, #0B1600)
• Timeworn Atelier color palette (#FCF3C9, #95AF5B, #646A00, #313600, #0E1100)
• Weathered Mustard Terrace color palette (#EDF9EE, #B1BD6B, #4E925F, #5F607D, #1C3D32)
• Worn Villa color palette (#FEEBE2, #CB891F, #776000, #324500, #03280A)
• Muted Orchard color palette (#ECF9F0, #D0D5A2, #6F993E, #865352, #0D2F23)

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