Azure Harbor color palette — #F2F8EB · #D1F6C0 · #82DBB6 · #59A8D6 · #3B4E3B

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

The five colors

• Ivory (#F2F8EB): bright and airy, almost weightless.
• Honeydew (#D1F6C0): A whisper-light, balanced green — the color of fresh herbs.
• Lagoon (#82DBB6): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#59A8D6): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#3B4E3B): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Iris Corridor color palette (#EEF9EC, #A6EFE4, #6DDDDC, #7392DE, #305646)
• Turquoise Quarry color palette (#F7F6E9, #E1DDC9, #BDD791, #3BA4C1, #42443D)
• Seafoam Lantern color palette (#E5F5F7, #D6F7BE, #77E4BC, #53ACBA, #062D33)
• Petrol Study color palette (#EBF9F0, #80BACB, #CD817B, #008098, #534B48)
• Indigo Quarry color palette (#E5FCEA, #8EDB8E, #00B5C3, #6568FA, #00374D)
• Faded Lilac Orchard color palette (#EAFAF0, #A2F2C8, #48C6F3, #A773DD, #4F354D)
• Dusty Meadow color palette (#FBF3F1, #CBE7E2, #70A0BF, #2D805C, #614A5D)
• Weathered Bronze Orchard color palette (#FAF6DE, #C6C2B0, #919985, #975839, #684A00)

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