Navy Harbor color palette — #F3F4DF · #55AF9D · #007A80 · #34407E · #162812

Navy and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3F4DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#55AF9D): A luminous, balanced teal — the color of glacier melt.
• Teal (#007A80): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#34407E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#162812): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, muted, cool.

Use it as a design system

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

• Taupe Market color palette (#F6F2E0, #88A86B, #407953, #004E64, #242500)
• Denim Workshop color palette (#EFF5E2, #75B7C7, #457FA3, #604378, #173226)
• Jade Balcony color palette (#FFF0FA, #58AC77, #007788, #753743, #1C4449)
• Timeworn Cerulean Market color palette (#F1F3EA, #C2DEDB, #5098B3, #006B72, #053526)
• Aubergine Grove color palette (#E0F3E0, #009199, #005B73, #3D007B, #00161A)
• Lagoon Lantern color palette (#E3FBF6, #5CC7B0, #00999E, #4F5F9A, #224349)
• Terracotta Bloom color palette (#FFF2EC, #A9DBAC, #27A4AF, #9E413B, #30332C)
• Softworn Lagoon color palette (#E1EFDF, #00877F, #243627, #0C1A09, #040703)

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