Patina Stone color palette — #ECF9F2 · #9BBB8A · #498165 · #57576D · #2A4943

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#9BBB8A): A luminous, dusty green — the color of fresh herbs.
• Fern (#498165): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#57576D): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2A4943): 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 Stone 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

• Worn Lagoon Loft color palette (#E9F6EB, #8EBFB0, #4E8263, #5C4E6C, #142D26)
• Dusty Archive color palette (#E5FBF1, #78AB69, #1D7355, #4B4567, #1E3C37)
• Aged Stone Atelier color palette (#F7F3FF, #DDD7CD, #D2C296, #807EA2, #514655)
• Basalt Quarry color palette (#FCF4E7, #CAC69F, #6B9C80, #8A6768, #4B4300)
• Gentle Blush color palette (#F8F2FF, #D480B0, #479D6F, #924874, #184B4B)
• Muted Cypress Delta color palette (#FBF2F8, #BCE3F8, #5F90B4, #157166, #384961)
• Ancient Pine color palette (#D1E4DD, #2F8F4B, #005143, #40223D, #002209)
• Dusty Basalt Hollow color palette (#F7F6EC, #D4D9B3, #7EBC9B, #7991BA, #434700)

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