Hushed Navy Harbor color palette — #FFF2ED · #7DC6CC · #0078A2 · #005932 · #032D72

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#7DC6CC): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0078A2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005932): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#032D72): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Aged Forest color palette (#FCF3F0, #B2CDB3, #35829F, #1A6331, #203C5D)
• Sapphire Thicket color palette (#FFF2E9, #73C3EA, #2568D2, #00574E, #322565)
• Ancient Alley color palette (#E7F7EA, #76CBD3, #007F98, #005346, #001D2B)
• Aged Denim Market color palette (#F0DFD8, #60ACBA, #005D8A, #00402B, #0E1A47)
• Softworn Drift color palette (#FBF3EF, #CAE3D5, #6A8EB1, #1D725D, #5B3C52)
• Washed Navy color palette (#E7DBD4, #53899D, #003C74, #00231C, #08002A)
• Softworn Grape Workshop color palette (#BEF3D8, #27AC7B, #8A15C3, #005D3F, #440065)
• Emerald Harbor color palette (#FFF0FD, #79EFF8, #04BAF5, #009E58, #0A3068)

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