Patina Harbor color palette — #DFF4E4 · #AB8000 · #597D00 · #005D89 · #180004

Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFF4E4): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#AB8000): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#597D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005D89): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#180004): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Navy Loft color palette (#E1F5EA, #897F00, #00713A, #00418C, #070000)
• Ember Drift color palette (#FFE5F0, #D95B00, #887000, #00636A, #0B031D)
• Gentle Tangerine color palette (#D6E3D8, #ED6C29, #847800, #3A49A8, #231100)
• Airy Nightshade Veranda color palette (#CEE6DD, #849300, #008873, #4737AB, #170200)
• Worn Rose Meadow color palette (#F9E8F7, #E9484D, #288B02, #00559D, #0F0010)
• Aubergine Grove color palette (#CFEDE8, #347700, #005A54, #3E008C, #040100)
• Wandering Loft color palette (#FDDCE9, #D27400, #008385, #0649AC, #1D002F)
• Weathered Boulevard color palette (#E2EFE2, #9F6F00, #41461C, #0F2211, #040102)

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