Created at 12/30/2019 20:16
  0.33k

Ui user interface layout design exploration colors

  • #745ff8
  • #f896a7
  • #4c3c94
  • #6454a5
  • #c5bfdb
  • #3c3c64
The palette consists of Light, Semi dark colors. Accent colors #745ff8 and #f896a7. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #3C3C64 (darkest) to #C5BFDB (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #3C3C64, #4C3C94, #6454A5, #745FF8, #C5BFDB, #F896A7

Palette Ui user interface layout design exploration colors has combination of 6 codes colors:
HEX: #745ff8, RGB: (116, 95, 248); HEX: #f896a7, RGB: (248, 150, 167); HEX: #4c3c94, RGB: (76, 60, 148)
HEX: #6454a5, RGB: (100, 84, 165); HEX: #c5bfdb, RGB: (197, 191, 219); HEX: #3c3c64, RGB: (60, 60, 100)
Simplified version of palette colors
Tint of mediumslateblue, Tint of lightpink, Shade of darkslateblue, Tint of slateblue, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui user interface layout design exploration colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#745ff8 #745ff8 RGB(116, 95, 248)
#f896a7 #f896a7 RGB(248, 150, 167)
#4c3c94 #4c3c94 RGB(76, 60, 148)
#6454a5 #6454a5 RGB(100, 84, 165)
#c5bfdb #c5bfdb RGB(197, 191, 219)
#3c3c64 #3c3c64 RGB(60, 60, 100)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#745ff8
#4c3c94
1.98
#745ff8
#6454a5
1.41
#f896a7
#c5bfdb
1.19
#4c3c94
#6454a5
1.4
#4c3c94
#3c3c64
1.17
#6454a5
#3c3c64
1.65

Image palette Ui user interface layout design exploration colors png