Patina Harbor color palette — #ECF8F6 · #E4CEA1 · #688760 · #37544F · #1E2F2C

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

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Wheat (#E4CEA1): A whisper-light, dusty gold — the color of old brass.
• Fern (#688760): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#37544F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#1E2F2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Stone color palette (#EAF8FD, #D9C190, #397D85, #1F4856, #14242A)
• Ancient Fern color palette (#F5F6EB, #C9DDCB, #6D9263, #484A00, #1B1C12)
• Dusty Lagoon color palette (#EEF7F7, #AEDFBB, #56A8C1, #619C73, #233037)
• Tempered Archive color palette (#F4F6EE, #FCD5BA, #7BAC87, #677530, #2A2D23)
• Forest Courtyard color palette (#EBF8F7, #DAB3C8, #42684B, #02423F, #1D292D)
• Washed Bronze Basin color palette (#D6E7F0, #A57C00, #003F4C, #001318, #000203)
• Muted Cabin color palette (#C6E5E8, #C59F4A, #006550, #003126, #000E10)
• Softworn Seafoam color palette (#E9FBEC, #80CFC1, #689BAC, #8E5E74, #344C53)

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