Patina Harbor color palette — #E5FBF8 · #66AD5A · #008BA6 · #7E5326 · #192C25

A conversation between Jade and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E5FBF8): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#66AD5A): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#008BA6): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#7E5326): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#192C25): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Teal Studio color palette (#E6F9FC, #00B798, #4B82BB, #695D22, #1A312E)
• Muted Market color palette (#E9F9FA, #63B89F, #0E92B7, #8E363B, #032224)
• Pale Station color palette (#EBF9F1, #AE9900, #008B75, #8F4B4D, #362028)
• Lapis Coast color palette (#E7F9FF, #00A9B2, #604BEA, #465B00, #002D21)
• Weathered Teal color palette (#E2FAFF, #00BEAD, #3289B7, #5B5688, #00423C)
• Washed Lagoon color palette (#D2EAEF, #00A59E, #33525D, #203135, #101A1C)
• Wandering Pine color palette (#E7FAF7, #4B7F4A, #57548F, #68293F, #1D3224)
• Patina Workshop color palette (#D9FFF1, #41E0CA, #03A6A6, #00767E, #00434F)

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