Patina Pine Harbor color palette — #E6FBF2 · #95B37D · #3F895A · #2C6174 · #344D49

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#95B37D): A luminous, balanced green — the color of fresh herbs.
• Fern (#3F895A): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2C6174): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#344D49): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Patina Pine 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 Olive Station color palette (#EAFAEF, #BEA46B, #7D7B34, #2C655A, #384E40)
• Lagoon Alley color palette (#E5FBF6, #67B9A8, #00888E, #4D577D, #334C52)
• Timeworn Mustard Archive color palette (#FFECF3, #ABB35A, #488673, #514D6D, #17322D)
• Timeworn Stone color palette (#FFF3E8, #C1C37F, #5DA289, #806384, #484841)
• Airy Navy Basin color palette (#D1F8EF, #009C83, #00686A, #263784, #00373F)
• Aged Ash Courtyard color palette (#E4FBF9, #9EC8CA, #6F9EA9, #627080, #4F4C5B)
• Washed Sand Loft color palette (#FFF0FB, #DDD292, #77BEAC, #9E80A2, #314F47)
• Navy Bloom color palette (#D3F1EC, #00766F, #00454F, #200568, #001B1B)

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