Patina Ridge color palette — #F2F3E9 · #C2C7A2 · #628F70 · #676519 · #31322B

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

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Pistachio (#C2C7A2): A luminous, dusty green — the color of new leaves after rain.
• Fern (#628F70): A luminous, dusty teal — the color of sea glass.
• Olive (#676519): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Patina Ridge 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 Stone color palette (#EDF8F3, #A8CCA7, #5C8A8E, #556C63, #3B524F)
• Fern Studio color palette (#EAE2CF, #8D944F, #495E00, #20421B, #171200)
• Ancient Cypress color palette (#F2F2EC, #C3E6DD, #5FA9B5, #257A72, #283B30)
• Timeworn Hollow color palette (#F7F5EB, #BAE4D8, #7FBEA7, #96863D, #464B00)
• Muted Iris Workshop color palette (#E2F8EB, #48AAC6, #8884C8, #538663, #1B2B23)
• Antique Jade color palette (#E1E8D3, #05AE86, #006B5B, #004849, #001B12)
• Muted Pine Balcony color palette (#EEF1E0, #0E7B4C, #00412F, #002421, #000401)
• Softworn Lilac Boulevard color palette (#EBF5ED, #64C4D0, #AC8AD2, #00818D, #422832)

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