Color Palette Generator

Input a hex colour and get complementary, analogous, and tint/shade swatches.

hsl(217, 91%, 60%)

Complementary

Base

#3B82F6

Complementary

#F6AF3C

Analogous

Analogous 1

#3CE0F6

Analogous 2

#523CF6

Tints & Shades

Tint 1

#CEE0FD

Tint 2

#85B2F9

Shade 1

#0A5ADB

Shade 2

#073C92