Patina Harbor color palette — #F7F5EF · #D7DCD7 · #BCB87F · #A7B8B8 · #565247

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

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Silver (#D7DCD7): bright and airy, almost weightless.
• Sage (#BCB87F): A luminous, dusty green — the color of a quiet forest floor.
• Ash (#A7B8B8): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#565247): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Harbor 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

• Timeworn Cocoa Grove color palette (#FFF4E2, #DADBC8, #BFBEAA, #B88D8D, #7A4217)
• Softworn Dune color palette (#F2F3E8, #9CC58B, #73806F, #585906, #252119)
• Washed Fern Archive color palette (#FFF2EC, #E2CF98, #82BDA5, #A67BA4, #534800)
• Aged Lime color palette (#F6F6ED, #D2DDD6, #A0B9CE, #86B722, #474100)
• Washed Driftwood color palette (#ECF4EF, #CDDBDF, #AAB0BD, #6E8B7A, #323834)
• Antique Glacier Atelier color palette (#F6F6E7, #D5F19E, #D5D8CB, #4BE0EC, #454740)
• Olive Hollow color palette (#E9E7DD, #97A599, #6A9588, #616A00, #0C0900)
• Tempered Summit color palette (#DFE6DC, #A4B3B2, #B99DB9, #008475, #0D1708)

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