Created at 12/23/2021 22:26
  0.18k

Weather app design uiux mobile colors palette

#4c6aac
#fcf46c
#28385b
#5c5ca4
#d4b4ac
#344c64
Sign In to save palette in collection
The palette consists of Light, Semi dark colors. Accent colors #fcf46c and #28385b. Palette has Cool, Warm, Neutral colors temperature.
Palette Weather app design uiux mobile colors palette has combination of 6 codes colors:
HEX: #4c6aac, RGB: (76, 106, 172); HEX: #fcf46c, RGB: (252, 244, 108); HEX: #28385b, RGB: (40, 56, 91)
HEX: #5c5ca4, RGB: (92, 92, 164); HEX: #d4b4ac, RGB: (212, 180, 172); HEX: #344c64, RGB: (52, 76, 100)
Simplified version of palette colors
Tint of royalblue, Shade of Yellow, Tint of darkslateblue, Tint of slateblue, Shade of rosybrown, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Weather app design uiux mobile colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4c6aac RGB(76, 106, 172)
#fcf46c RGB(252, 244, 108)
#28385b RGB(40, 56, 91)
#5c5ca4 RGB(92, 92, 164)
#d4b4ac RGB(212, 180, 172)
#344c64 RGB(52, 76, 100)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4c6aac
#5c5ca4
1.12
#4c6aac
#344c64
1.67
#fcf46c
#d4b4ac
1.67
#28385b
#5c5ca4
1.94
#28385b
#344c64
1.3
#5c5ca4
#344c64
1.48

Image palette Weather app design uiux mobile colors palette png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes