Azure Harbor color palette — #D3FDEE · #2696D6 · #9368BD · #2F7A67 · #09241C

Cerulean and Amethyst set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D3FDEE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2696D6): A luminous, balanced blue — the color of deep harbor water.
• Amethyst (#9368BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Teal (#2F7A67): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#09241C): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Cobalt Thicket color palette (#DDFBE3, #00A0AE, #6579CA, #517748, #0F2315)
• Ancient Drift color palette (#FEEBFF, #2E8FF1, #A064B0, #007C73, #28172A)
• Patina Cerulean Hollow color palette (#ECF7FF, #0095C5, #A95F84, #6C6D26, #203B4D)
• Powder Lagoon color palette (#E4F5FF, #76CBFF, #2C86B3, #004262, #001623)
• Byzantium Terrace color palette (#D9E4F4, #006EDB, #9A19AE, #005F5B, #000D26)
• Violet Pier color palette (#E4E0FF, #8A59FF, #C72E75, #006C89, #191132)
• Timeworn Stone color palette (#DCFAEE, #DCD5E2, #DBB6D3, #68917B, #243A34)
• Gentle Dune color palette (#DDFEF0, #47B1E3, #C98664, #A0772F, #1D4033)

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