PaletteForge

Color Pallete Generator

Luminance: 42%, Color Harmony: 103, Best Contrast Pair: 2.99

🎨

Color Data


RGB(195, 164, 196)
Hex: #C3A4C4
HSL(298, 21%, 71%)
Hue: 298
Saturation: 21%
Lightness: 71%


C3A4C4

🎨

Color Data


RGB(197, 97, 250)
Hex: #C561FA
HSL(279, 94%, 68%)
Hue: 279
Saturation: 94%
Lightness: 68%


C561FA

🎨

Color Data


RGB(4, 252, 58)
Hex: #04FC3A
HSL(133, 98%, 50%)
Hue: 133
Saturation: 98%
Lightness: 50%


04FC3A

🎨

Color Data


RGB(74, 139, 35)
Hex: #4A8B23
HSL(98, 60%, 34%)
Hue: 98
Saturation: 60%
Lightness: 34%


4A8B23

🎨

Color Data


RGB(2, 212, 222)
Hex: #02D4DE
HSL(183, 98%, 44%)
Hue: 183
Saturation: 98%
Lightness: 44%


02D4DE

🛈To begin, click either the "New Colors" or "New Monochrome Colors" button and continue until you find a color you like. Hover over the color and click the lock icon to secure it. Repeat this process until you're satisfied with your selections. Adjust brightness by hovering over a color and clicking the up or down arrows. To reorder colors, use the left or right arrows. You can copy individual colors by clicking the clipboard icon or save your palette by clicking the save button. Below the palette creation section, you'll find information on color contrast, variations of your chosen palette and your saved palettes.

Palette Fine Tuning

Select a color


Hue 180

Saturation 50%

Lightness 50%

Red 127

Green 127

Blue 127

Color Pairings

Contrast 1.46

ABCDEFGH

Contrast 1.59

ABCDEFGH

Contrast 1.88

ABCDEFGH

Contrast 1.22

ABCDEFGH

Contrast 1.46

ABCDEFGH

Contrast 2.32

ABCDEFGH

Contrast 1.29

ABCDEFGH

Contrast 1.78

ABCDEFGH

Contrast 1.59

ABCDEFGH

Contrast 2.32

ABCDEFGH

Contrast 2.99🔥

ABCDEFGH

Contrast 1.31

ABCDEFGH

Contrast 1.88

ABCDEFGH

Contrast 1.29

ABCDEFGH

Contrast 2.99🔥

ABCDEFGH

Contrast 2.29

ABCDEFGH

Contrast 1.22

ABCDEFGH

Contrast 1.78

ABCDEFGH

Contrast 1.31

ABCDEFGH

Contrast 2.29

ABCDEFGH

🛈 Contrast levels range from 1 to 21, with 21 providing the highest readability for users. To ensure text remains easily readable, aim to maintain a contrast level of at least 4 or higher. The best contrast pairs will have a 🔥 emoji next to them.

Color Palette Variations

Current Palette

C3A4C4

C561FA

04FC3A

4A8B23

02D4DE

🛈 This section displays your color palette with variations in saturation, hue, and lightness. Click on any color to set it as your new selection.

Example Landing Page

Lorem

Lorem ipsum dolor

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Text Color

Background Color

🛈 This section previews your color palette on a sample website. Click the switch colors button to shuffle color placements.