Patina Harbor color palette — #F2F3E8 · #C2C6AA · #668E71 · #5A664F · #31322B

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

The five colors

• Cream (#F2F3E8): a clean, paper-quiet neutral.
• Pistachio (#C2C6AA): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#668E71): A luminous, dusty teal — the color of glacier melt.
• Graphite (#5A664F): A full-bodied, dusty 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 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

• Patina Lagoon color palette (#EFF8F2, #A4CAC0, #5A8B8A, #446D7A, #36544D)
• Patina Harbor color palette (#F2F3EB, #C4E4DD, #6AA7B4, #357774, #1E3E2E)
• Timeworn Thicket color palette (#E9E1CF, #919258, #4F5C00, #004337, #171100)
• Tempered Alley color palette (#EEE9CB, #66834A, #125203, #003132, #040A00)
• Patina Jade color palette (#E2E8CF, #13AF7C, #006B57, #00445C, #001C10)
• Softworn Station color palette (#FAEDF8, #9AB2E9, #6BAC93, #5B70A1, #2F322C)
• Dusty Driftwood color palette (#FEECF6, #E6D1D1, #A2A79A, #9B7A94, #4C3A44)
• Muted Villa color palette (#FFEBF7, #9297CD, #B57798, #3E8393, #32212C)

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