PaletteForge

Color Pallete Generator

Luminance: 39%, Color Harmony: 96, Best Contrast Pair: 3.77

🎨

Color Data


RGB(30, 178, 99)
Hex: #1EB263
HSL(148, 71%, 41%)
Hue: 148
Saturation: 71%
Lightness: 41%


1EB263

🎨

Color Data


RGB(104, 118, 210)
Hex: #6876D2
HSL(232, 54%, 62%)
Hue: 232
Saturation: 54%
Lightness: 62%


6876D2

🎨

Color Data


RGB(0, 131, 237)
Hex: #0083ED
HSL(207, 100%, 46%)
Hue: 207
Saturation: 100%
Lightness: 46%


0083ED

🎨

Color Data


RGB(213, 113, 173)
Hex: #D571AD
HSL(324, 54%, 64%)
Hue: 324
Saturation: 54%
Lightness: 64%


D571AD

🎨

Color Data


RGB(249, 254, 54)
Hex: #F9FE36
HSL(61, 99%, 60%)
Hue: 61
Saturation: 99%
Lightness: 60%


F9FE36

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

ABCDEFGH

Contrast 1.39

ABCDEFGH

Contrast 1.12

ABCDEFGH

Contrast 2.53

ABCDEFGH

Contrast 1.49

ABCDEFGH

Contrast 1.07

ABCDEFGH

Contrast 1.33

ABCDEFGH

Contrast 3.77🔥

ABCDEFGH

Contrast 1.39

ABCDEFGH

Contrast 1.07

ABCDEFGH

Contrast 1.24

ABCDEFGH

Contrast 3.52

ABCDEFGH

Contrast 1.12

ABCDEFGH

Contrast 1.33

ABCDEFGH

Contrast 1.24

ABCDEFGH

Contrast 2.83

ABCDEFGH

Contrast 2.53

ABCDEFGH

Contrast 3.77🔥

ABCDEFGH

Contrast 3.52

ABCDEFGH

Contrast 2.83

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

1EB263

6876D2

0083ED

D571AD

F9FE36

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