Patina Harbor color palette — #DCF0E9 · #009791 · #00616E · #002D3E · #00040B

A conversation between Fern and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DCF0E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#009791): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00616E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002D3E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00040B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Weathered Lagoon Summit color palette (#CBE5E4, #00959A, #007884, #005463, #00151D)
• Faded Study color palette (#CFF4F8, #008DB3, #00527C, #001B6B, #030019)
• Brick Chapel color palette (#D7F1FF, #008CA8, #C01500, #004352, #040000)
• Cypress Workshop color palette (#D4FAE7, #007063, #003C43, #001F31, #00021D)
• Muted Ridge color palette (#BEE8FF, #00A7E7, #005776, #001722, #000103)
• Emerald Market color palette (#DCE5CD, #2EA408, #006742, #002F29, #000303)
• Patina Brick color palette (#D4F5FC, #007483, #A8001C, #5D3A00, #000102)
• Quiet Pier color palette (#D0FFF6, #00C8D7, #0092B2, #005479, #00245C)

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