Loading...
Created at 03/17/2021 13:14
  0.35k

E-commerce website ui kit payment form field colors palette

  • #7e8c72
  • #bcc3b6
  • #41483b
  • #54946c
  • #bdc4b7
  • #242c24
Loading...
The palette consists of Light, Dark colors. Accent colors #7e8c72 and #54946c. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #242C24 (darkest) to #BDC4B7 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma).

Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #242C24, #41483B, #54946C, #7E8C72, #BCC3B6, #BDC4B7

Palette E-commerce website ui kit payment form field colors palette has combination of 6 codes colors:
HEX: #7e8c72, RGB: (126, 140, 114); HEX: #bcc3b6, RGB: (188, 195, 182); HEX: #41483b, RGB: (65, 72, 59)
HEX: #54946c, RGB: (84, 148, 108); HEX: #bdc4b7, RGB: (189, 196, 183); HEX: #242c24, RGB: (36, 44, 36)
Simplified version of palette colors
Shade of Grey, Tint of Silver, Tint of darkslategrey, Shade of seashell, Shade of Silver, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

E-commerce website ui kit payment form field colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7e8c72 #7e8c72 RGB(126, 140, 114)
#bcc3b6 #bcc3b6 RGB(188, 195, 182)
#41483b #41483b RGB(65, 72, 59)
#54946c #54946c RGB(84, 148, 108)
#bdc4b7 #bdc4b7 RGB(189, 196, 183)
#242c24 #242c24 RGB(36, 44, 36)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7e8c72
#bcc3b6
1.97
#7e8c72
#54946c
1
#7e8c72
#bdc4b7
1.99
#bcc3b6
#54946c
1.99
#bcc3b6
#bdc4b7
1.01
#41483b
#242c24
1.51

Image palette E-commerce website ui kit payment form field colors palette png

Loading...
Loading...
Loading...