Loading...
Created at 01/12/2023 09:54
  76

Web design ui website mobile colors palette

  • Sapphire
    #194eb3
  • Azureish White
    #d4dcec
  • Yale Blue
    #143c8c
  • Bronze (Metallic)
    #ab8b54
  • Ceil
    #8c94c4
  • Van Dyke Brown
    #594129
Loading...
The palette consists of Light colors. Accent colors Sapphire #194eb3 and Van Dyke Brown #594129. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #594129 (darkest) to #D4DCEC (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

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): #143C8C, #194EB3, #594129, #8C94C4, #AB8B54, #D4DCEC

Palette Web design ui website mobile colors palette has combination of 6 codes colors:
HEX: #194eb3, RGB: (25, 78, 179); HEX: #d4dcec, RGB: (212, 220, 236); HEX: #143c8c, RGB: (20, 60, 140)
HEX: #ab8b54, RGB: (171, 139, 84); HEX: #8c94c4, RGB: (140, 148, 196); HEX: #594129, RGB: (89, 65, 41)
Simplified version of palette colors
Shade of darkslateblue, Tint of lavender, Tint of darkslateblue, Shade of darkgoldenrod, Shade of cornflowerblue, Tint of saddlebrown
Color scheme was created by palettespicker

Colors codes in palette

Web design ui website mobile colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#194eb3 #194eb3 RGB(25, 78, 179)Sapphire
#d4dcec #d4dcec RGB(212, 220, 236)Azureish White
#143c8c #143c8c RGB(20, 60, 140)Yale Blue
#ab8b54 #ab8b54 RGB(171, 139, 84)Bronze (Metallic)
#8c94c4 #8c94c4 RGB(140, 148, 196)Ceil
#594129 #594129 RGB(89, 65, 41)Van Dyke Brown

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#194eb3
#143c8c
1.35
#194eb3
#594129
1.25
#143c8c
#594129
1.07
#ab8b54
#8c94c4
1.09

Image palette Web design ui website mobile colors palette png

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