Patina Navy Pier color palette — #E3EFC4 · #7AC0BA · #008298 · #004D75 · #031461

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

The five colors

• Honeydew (#E3EFC4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7AC0BA): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#008298): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004D75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#031461): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

One click turns Patina Navy Pier 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

• Sunlit Navy color palette (#BCFCE8, #75B8C1, #0082B1, #004496, #23075E)
• Worn Coast color palette (#E0F4C1, #88B992, #0F9084, #00525C, #00253B)
• Washed Turquoise color palette (#E6F9FF, #A6EBF8, #45B4D3, #007196, #003859)
• Hushed Navy color palette (#DEF4EE, #00A3B1, #00699A, #002878, #16003D)
• Eclipse Cypress Studio color palette (#D0E9E1, #007578, #003F51, #00142F, #01000B)
• Cocoa Workshop color palette (#FFEEE3, #4FAF9D, #25739D, #722F0E, #0D2A13)
• Worn Lagoon color palette (#EFF3EE, #D0D9D8, #AFC0C1, #00887B, #272F25)
• Chestnut Meadow color palette (#EEF6DB, #9FBAA3, #698B81, #7B4811, #3C3A33)

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