Loading...
Created at 02/24/2022 08:48
  0.16k

Ux graphic design vector colors palette

  • Medium Vermilion
    #d5593f
  • Naples Yellow
    #f3d45a
  • Brown-Nose
    #694220
  • Dark Blue-Gray
    #6d6aa8
  • Blue Bell
    #9c9ccc
  • Garnet
    #663735
Loading...
The palette consists of Light colors. Accent colors Naples Yellow #f3d45a and Blue Bell #9c9ccc. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #694220 (darkest) to #9C9CCC (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 warm.

HEX codes (sorted): #663735, #694220, #6D6AA8, #9C9CCC, #D5593F, #F3D45A

Palette Ux graphic design vector colors palette has combination of 6 codes colors:
HEX: #d5593f, RGB: (213, 89, 63); HEX: #f3d45a, RGB: (243, 212, 90); HEX: #694220, RGB: (105, 66, 32)
HEX: #6d6aa8, RGB: (109, 106, 168); HEX: #9c9ccc, RGB: (156, 156, 204); HEX: #663735, RGB: (102, 55, 53)
Simplified version of palette colors
Tint of tomato, Shade of gold, Tint of saddlebrown, Shade of slateblue, Tint of lightsteelblue, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Ux graphic design vector colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d5593f #d5593f RGB(213, 89, 63)Medium Vermilion
#f3d45a #f3d45a RGB(243, 212, 90)Naples Yellow
#694220 #694220 RGB(105, 66, 32)Brown-Nose
#6d6aa8 #6d6aa8 RGB(109, 106, 168)Dark Blue-Gray
#9c9ccc #9c9ccc RGB(156, 156, 204)Blue Bell
#663735 #663735 RGB(102, 55, 53)Garnet

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d5593f
#6d6aa8
1.24
#d5593f
#9c9ccc
1.5
#f3d45a
#9c9ccc
1.78
#694220
#6d6aa8
1.78
#694220
#663735
1.11
#6d6aa8
#9c9ccc
1.87

Image palette Ux graphic design vector colors palette png

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