Patina Harbor color palette — #ECF0E6 · #C1D7BD · #89B198 · #005D38 · #020300

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

The five colors

• Cream (#ECF0E6): bright and airy, almost weightless.
• Oat (#C1D7BD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#89B198): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#005D38): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Aged Veranda color palette (#E7F1E9, #BBD8CC, #B79CB3, #005861, #000401)
• Washed Abyss color palette (#E5EDE4, #A8C2B3, #749B91, #004643, #000200)
• Timeworn Delta color palette (#E3E4C1, #00A779, #005A57, #143400, #000201)
• Patina Abyss color palette (#DCEBEB, #98AEB2, #598797, #00432C, #001819)
• Dusty Lantern color palette (#DFE3D8, #9EB7AF, #78A0A1, #00884F, #111604)
• Petrol Workshop color palette (#EDF8F4, #F0D7DD, #CDB2BE, #006793, #040F0B)
• Lagoon Cabin color palette (#D8EDE1, #009DA5, #3A6899, #512417, #110100)
• Hushed Pine Chapel color palette (#FFDED2, #008C62, #004B5D, #390016, #000201)

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