Patina Harbor color palette — #E7F6ED · #9BC088 · #35866D · #445B4D · #112D28

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#9BC088): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#35866D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#445B4D): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#112D28): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Dusty Coast color palette (#FAEEF2, #BAB683, #5E8053, #6B4A56, #162D22)
• Worn Taupe Alley color palette (#E7F6EC, #8CAB73, #2E735A, #284B5F, #06211C)
• Jade Delta color palette (#C5ECC2, #00BF92, #008984, #005367, #112E48)
• Feathered Studio color palette (#DCF7FF, #00BBBB, #C47371, #007373, #361C35)
• Dusty Aqua Market color palette (#DEF7FF, #4DD4E6, #008997, #004953, #001A20)
• Weathered Bronze Alley color palette (#F8F5EA, #CDF2BE, #70AE86, #85772D, #383932)
• Patina Summit color palette (#C5F0E1, #00B06E, #006967, #39440D, #001C0D)
• Cerulean Boulevard color palette (#F6EFF6, #B9E5F0, #469AB3, #456846, #172E44)

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