Loading...
Created at 10/06/2020 21:21
  0.25k

Sketch uiux app design ui colors palette

  • #fb1b6b
  • #a3dbfb
  • #5605b1
  • #7097a4
  • #a8ccce
  • #435c63
Loading...
The palette consists of Semi dark, Light, Dark colors. Accent colors #fb1b6b and #a3dbfb. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #435C63 (darkest) to #A3DBFB (lightest). The lightness range is moderate.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #435C63, #5605B1, #7097A4, #A3DBFB, #A8CCCE, #FB1B6B

Palette Sketch uiux app design ui colors palette has combination of 6 codes colors:
HEX: #fb1b6b, RGB: (251, 27, 107); HEX: #a3dbfb, RGB: (163, 219, 251); HEX: #5605b1, RGB: (86, 5, 177)
HEX: #7097a4, RGB: (112, 151, 164); HEX: #a8ccce, RGB: (168, 204, 206); HEX: #435c63, RGB: (67, 92, 99)
Simplified version of palette colors
Tint of deeppink, Shade of lightskyblue, Shade of mediumblue, Shade of cadetblue, Tint of powderblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Sketch uiux app design ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fb1b6b #fb1b6b RGB(251, 27, 107)
#a3dbfb #a3dbfb RGB(163, 219, 251)
#5605b1 #5605b1 RGB(86, 5, 177)
#7097a4 #7097a4 RGB(112, 151, 164)
#a8ccce #a8ccce RGB(168, 204, 206)
#435c63 #435c63 RGB(67, 92, 99)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fb1b6b
#7097a4
1.21
#fb1b6b
#435c63
1.85
#a3dbfb
#a8ccce
1.15
#5605b1
#435c63
1.43
#7097a4
#a8ccce
1.83

Image palette Sketch uiux app design ui colors palette png

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