Landing html javascript webdesign colors palette

  • #07fb1b
  • #79fa7f
  • #165b1c
  • #5f5f91
  • #caa1aa
  • #342e42
  0.22k
Created at 09/19/2020 20:21
The palette consists of Light, Semi dark, Dark colors. Accent colors #07fb1b and #caa1aa. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #342E42 (darkest) to #79FA7F (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

A varied palette: its hues are spread across about 224° of the color wheel.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #07FB1B, #165B1C, #342E42, #5F5F91, #79FA7F, #CAA1AA

Palette Landing html javascript webdesign colors palette combines 6 color codes:
HEX: #07fb1b, RGB: (7, 251, 27); HEX: #79fa7f, RGB: (121, 250, 127); HEX: #165b1c, RGB: (22, 91, 28)
HEX: #5f5f91, RGB: (95, 95, 145); HEX: #caa1aa, RGB: (202, 161, 170); HEX: #342e42, RGB: (52, 46, 66)
Simplified version of palette colors
Tint of Lime, Shade of Pale Green, Tint of Dark Green, Shade of Slate Blue, Tint of Rosy Brown, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Landing html javascript webdesign colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#07fb1b#07fb1bRGB(7, 251, 27)——
#79fa7f#79fa7fRGB(121, 250, 127)——
#165b1c#165b1cRGB(22, 91, 28)——
#5f5f91#5f5f91RGB(95, 95, 145)——
#caa1aa#caa1aaRGB(202, 161, 170)——
#342e42#342e42RGB(52, 46, 66)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#07fb1b
#79fa7f
1.06
#07fb1b
#caa1aa
1.61
#79fa7f
#caa1aa
1.71
#165b1c
#5f5f91
1.38
#165b1c
#342e42
1.57

Image palette Landing html javascript webdesign colors palette png