PaletteForge

Color Pallete Generator

Luminance: 29%, Color Harmony: 85, Best Contrast Pair: 5.09

🎨

Color Data


RGB(157, 209, 160)
Hex: #9DD1A0
HSL(123, 36%, 72%)
Hue: 123
Saturation: 36%
Lightness: 72%


9DD1A0

🎨

Color Data


RGB(124, 222, 23)
Hex: #7CDE17
HSL(90, 81%, 48%)
Hue: 90
Saturation: 81%
Lightness: 48%


7CDE17

🎨

Color Data


RGB(25, 106, 65)
Hex: #196A41
HSL(150, 62%, 26%)
Hue: 150
Saturation: 62%
Lightness: 26%


196A41

🎨

Color Data


RGB(148, 24, 38)
Hex: #941826
HSL(353, 72%, 34%)
Hue: 353
Saturation: 72%
Lightness: 34%


941826

🎨

Color Data


RGB(210, 7, 59)
Hex: #D2073B
HSL(345, 94%, 43%)
Hue: 345
Saturation: 94%
Lightness: 43%


D2073B

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

ABCDEFGH

Contrast 3.79

ABCDEFGH

Contrast 4.99

ABCDEFGH

Contrast 3.15

ABCDEFGH

Contrast 1.02

ABCDEFGH

Contrast 3.87

ABCDEFGH

Contrast 5.09🔥

ABCDEFGH

Contrast 3.21

ABCDEFGH

Contrast 3.79

ABCDEFGH

Contrast 3.87

ABCDEFGH

Contrast 1.31

ABCDEFGH

Contrast 1.21

ABCDEFGH

Contrast 4.99

ABCDEFGH

Contrast 5.09🔥

ABCDEFGH

Contrast 1.31

ABCDEFGH

Contrast 1.59

ABCDEFGH

Contrast 3.15

ABCDEFGH

Contrast 3.21

ABCDEFGH

Contrast 1.21

ABCDEFGH

Contrast 1.59

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

9DD1A0

7CDE17

196A41

941826

D2073B

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