Quiet Azure Harbor color palette — #FFF2ED · #C3FAFF · #00A7E1 · #007744 · #001E5A

Cyan takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Honeydew (#C3FAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A7E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001E5A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Wandering Pine Canyon color palette (#FBF3F1, #BCE7EF, #62B2D3, #008542, #172F4E)
• Periwinkle Garden color palette (#FFF2EA, #D8E4F8, #5698FF, #007368, #270167)
• Quiet Aqua Archive color palette (#FEF0FC, #00D0DB, #0078A0, #005A2F, #123161)
• Cobalt Orchard color palette (#FFF2ED, #B0D7BA, #0084BA, #005436, #000236)
• Hushed Lagoon color palette (#FAF4F0, #C3DFE9, #8AC0F4, #17977A, #523449)
• Ultramarine Grove color palette (#FBEBDF, #80C0E0, #2663BF, #003F38, #030011)
• Byzantium Pier color palette (#D6FFF7, #00B2A0, #A35BFB, #A900DD, #001713)
• Chalky Mint Basin color palette (#DDFFE7, #5FE79B, #009466, #004925, #000A06)

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