Created at 03/04/2023 07:22
  76

Navigation saas ux design colors

Dark Coral
#d4523c
Light Cobalt Blue
#8c9bea
Vampire Black
#0c0404
Slate Gray
#6c748c
Weldon Blue
#7e8cbe
Charcoal
#3c445c
Sign In to save palette in collection
The palette consists of Light, Dark colors. Accent colors Dark Coral #d4523c and Light Cobalt Blue #8c9bea. Palette has Warm, Cool, Neutral colors temperature.
Palette Navigation saas ux design colors has combination of 6 codes colors:
HEX: #d4523c, RGB: (212, 82, 60); HEX: #8c9bea, RGB: (140, 155, 234); HEX: #0c0404, RGB: (12, 4, 4)
HEX: #6c748c, RGB: (108, 116, 140); HEX: #7e8cbe, RGB: (126, 140, 190); HEX: #3c445c, RGB: (60, 68, 92)
Simplified version of palette colors
Tint of indianred, Shade of cornflowerblue, Shade of Black, Tint of slategrey, Tint of cornflowerblue, Tint of darkslateblue
Color scheme was created by palettespicker

Colors codes in palette

Navigation saas ux design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d4523c RGB(212, 82, 60)Dark Coral
#8c9bea RGB(140, 155, 234)Light Cobalt Blue
#0c0404 RGB(12, 4, 4)Vampire Black
#6c748c RGB(108, 116, 140)Slate Gray
#7e8cbe RGB(126, 140, 190)Weldon Blue
#3c445c RGB(60, 68, 92)Charcoal

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d4523c
#8c9bea
1.57
#d4523c
#6c748c
1.12
#d4523c
#7e8cbe
1.25
#8c9bea
#6c748c
1.77
#8c9bea
#7e8cbe
1.25
#6c748c
#7e8cbe
1.41

Image palette Navigation saas ux design colors 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