Loading...
Created at 03/21/2023 13:50
  55

Ux design clean website palette

  • Han Blue
    #4169d1
  • Dark Sky Blue
    #82b8d4
  • Egyptian Blue
    #18329a
  • Blast-Off Bronze
    #a4695a
  • Blue Bell
    #a599c5
  • Japanese Indigo
    #304844
Loading...
The palette consists of Light colors. Accent colors Egyptian Blue #18329a and Blast-Off Bronze #a4695a. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #304844 (darkest) to #A599C5 (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 cool.

HEX codes (sorted): #18329A, #304844, #4169D1, #82B8D4, #A4695A, #A599C5

Palette Ux design clean website palette has combination of 6 codes colors:
HEX: #4169d1, RGB: (65, 105, 209); HEX: #82b8d4, RGB: (130, 184, 212); HEX: #18329a, RGB: (24, 50, 154)
HEX: #a4695a, RGB: (164, 105, 90); HEX: #a599c5, RGB: (165, 153, 197); HEX: #304844, RGB: (48, 72, 68)
Simplified version of palette colors
Tint of royalblue, Tint of skyblue, Tint of darkslateblue, Tint of indianred, Tint of plum, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ux design clean website palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4169d1 #4169d1 RGB(65, 105, 209)Han Blue
#82b8d4 #82b8d4 RGB(130, 184, 212)Dark Sky Blue
#18329a #18329a RGB(24, 50, 154)Egyptian Blue
#a4695a #a4695a RGB(164, 105, 90)Blast-Off Bronze
#a599c5 #a599c5 RGB(165, 153, 197)Blue Bell
#304844 #304844 RGB(48, 72, 68)Japanese Indigo

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4169d1
#a4695a
1.13
#4169d1
#a599c5
1.91
#4169d1
#304844
1.95
#82b8d4
#a599c5
1.22
#18329a
#304844
1.08
#a4695a
#a599c5
1.67

Image palette Ux design clean website palette png

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