Patina Harbor color palette — #F3F7EE · #CDDED9 · #A3C5B7 · #007F4E · #374700

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Silver (#CDDED9): bright and airy, almost weightless.
• Stone (#A3C5B7): A luminous, dusty teal — the color of sea glass.
• Teal (#007F4E): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#374700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Antique Cypress color palette (#F1F7F0, #CADFDF, #CAB4C6, #007A77, #334631)
• Antique Forest color palette (#EBF0E7, #C5CFC7, #8CA79F, #00644D, #283120)
• Hushed Pier color palette (#CEF1C2, #ADAF88, #488E80, #884122, #524500)
• Cerulean Field color palette (#F0F7F4, #DCD5D3, #A7A395, #4C8AAD, #4C5551)
• Dusty Study color palette (#DCE6DF, #AFA5B0, #937584, #003F4A, #01190C)
• Ancient Delta color palette (#E4F4E3, #007874, #022E46, #061E05, #020C04)
• Powdered Garnet Canyon color palette (#E7FBED, #008D9F, #006572, #75004A, #003A2C)
• Soft Garnet color palette (#FFF2ED, #5A9F50, #006B80, #86010E, #004030)

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