Patina Harbor color palette — #F9F1E4 · #C6A484 · #907439 · #1C603C · #382916

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

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Camel (#C6A484): A luminous, dusty gold — the color of old brass.
• Walnut (#907439): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#1C603C): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#382916): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

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

• Pine Pier color palette (#F8F2DB, #92A56E, #417A46, #004F5F, #252408)
• Worn Pewter Workshop color palette (#F9F1E0, #C6BFA8, #9C9A7C, #586F57, #314637)
• Driftwood Cabin color palette (#F5F1EB, #CDC2A8, #968139, #895224, #33312A)
• Ancient Quarry color palette (#ECF9EF, #D39590, #947127, #425B7C, #55414C)
• Timeworn Dune color palette (#FFF0D3, #BB8600, #6C6300, #004A3C, #251B00)
• Cobalt Field color palette (#FEF4E5, #FFD1C2, #C09B66, #5571AE, #453E39)
• Bronze Balcony color palette (#F5EAD2, #907500, #4B5100, #003430, #110E00)
• Patina Harbor color palette (#F2F2EC, #C5E2DE, #66A7BB, #007A7E, #223D31)

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