Loading...
Created at 02/12/2021 10:18
  0.25k

Ui design redesign gradient mobile palette

  • #24c4b4
  • #84d4ec
  • #0c6c8c
  • #5fb0b3
  • #a3cbce
  • #0c1014
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors #84d4ec and #0c6c8c. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0C1014 (darkest) to #A3CBCE (lightest). The lightness range is wide.

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

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0C1014, #0C6C8C, #24C4B4, #5FB0B3, #84D4EC, #A3CBCE

Palette Ui design redesign gradient mobile palette has combination of 6 codes colors:
HEX: #24c4b4, RGB: (36, 196, 180); HEX: #84d4ec, RGB: (132, 212, 236); HEX: #0c6c8c, RGB: (12, 108, 140)
HEX: #5fb0b3, RGB: (95, 176, 179); HEX: #a3cbce, RGB: (163, 203, 206); HEX: #0c1014, RGB: (12, 16, 20)
Simplified version of palette colors
Shade of lightseagreen, Shade of skyblue, Tint of steelblue, Shade of cadetblue, Tint of powderblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Ui design redesign gradient mobile palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#24c4b4 #24c4b4 RGB(36, 196, 180)
#84d4ec #84d4ec RGB(132, 212, 236)
#0c6c8c #0c6c8c RGB(12, 108, 140)
#5fb0b3 #5fb0b3 RGB(95, 176, 179)
#a3cbce #a3cbce RGB(163, 203, 206)
#0c1014 #0c1014 RGB(12, 16, 20)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#24c4b4
#84d4ec
1.3
#24c4b4
#5fb0b3
1.15
#24c4b4
#a3cbce
1.24
#84d4ec
#5fb0b3
1.51
#84d4ec
#a3cbce
1.05
#5fb0b3
#a3cbce
1.43

Image palette Ui design redesign gradient mobile palette png

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