PaletteForge

Color Pallete Generator

Luminance: 22%, Color Harmony: 88, Best Contrast Pair: 8.13

🎨

Color Data


RGB(222, 203, 209)
Hex: #DECBD1
HSL(341, 22%, 83%)
Hue: 341
Saturation: 22%
Lightness: 83%


DECBD1

🎨

Color Data


RGB(85, 26, 86)
Hex: #551A56
HSL(299, 54%, 22%)
Hue: 299
Saturation: 54%
Lightness: 22%


551A56

🎨

Color Data


RGB(214, 19, 84)
Hex: #D61354
HSL(340, 84%, 46%)
Hue: 340
Saturation: 84%
Lightness: 46%


D61354

🎨

Color Data


RGB(90, 13, 184)
Hex: #5A0DB8
HSL(267, 87%, 39%)
Hue: 267
Saturation: 87%
Lightness: 39%


5A0DB8

🎨

Color Data


RGB(129, 135, 4)
Hex: #818704
HSL(63, 94%, 27%)
Hue: 63
Saturation: 94%
Lightness: 27%


818704

🛈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 8.13🔥

ABCDEFGH

Contrast 3.33

ABCDEFGH

Contrast 6.21

ABCDEFGH

Contrast 2.51

ABCDEFGH

Contrast 8.13🔥

ABCDEFGH

Contrast 2.45

ABCDEFGH

Contrast 1.31

ABCDEFGH

Contrast 3.24

ABCDEFGH

Contrast 3.33

ABCDEFGH

Contrast 2.45

ABCDEFGH

Contrast 1.87

ABCDEFGH

Contrast 1.32

ABCDEFGH

Contrast 6.21

ABCDEFGH

Contrast 1.31

ABCDEFGH

Contrast 1.87

ABCDEFGH

Contrast 2.47

ABCDEFGH

Contrast 2.51

ABCDEFGH

Contrast 3.24

ABCDEFGH

Contrast 1.32

ABCDEFGH

Contrast 2.47

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

DECBD1

551A56

D61354

5A0DB8

818704

🛈 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.