commerce illustration banking ui colors palette

  • Picton Blue
    #48a9f8
  • Blue Jeans
    #56b1ec
  • Dark Cerulean
    #04487f
  • Gray (HTML/CSS Gray)
    #7c7c84
  • Gray (X11)
    #bcbbbe
  • Outer Space
    #444448
  74
Created at 01/28/2023 18:03
The palette consists of Light, Semi dark colors. Accent colors Picton Blue #48a9f8 and Dark Cerulean #04487f. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #444448 (darkest) to #BCBBBE (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 3°.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #04487F, #444448, #48A9F8, #56B1EC, #7C7C84, #BCBBBE

Palette commerce illustration banking ui colors palette combines 6 color codes:
HEX: #48a9f8, RGB: (72, 169, 248); HEX: #56b1ec, RGB: (86, 177, 236); HEX: #04487f, RGB: (4, 72, 127)
HEX: #7c7c84, RGB: (124, 124, 132); HEX: #bcbbbe, RGB: (188, 187, 190); HEX: #444448, RGB: (68, 68, 72)
Simplified version of palette colors
Tint of Dodger Blue, Tint of Deep Sky Blue, Shade of Dark Slate Blue, Shade of Grey, Shade of Silver, Shade of Dim Gray
Color scheme was created by raccoon

Color codes in palette

commerce illustration banking ui colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#48a9f8#48a9f8RGB(72, 169, 248)Picton Blue—
#56b1ec#56b1ecRGB(86, 177, 236)Blue Jeans—
#04487f#04487fRGB(4, 72, 127)Dark Cerulean—
#7c7c84#7c7c84RGB(124, 124, 132)Gray (HTML/CSS Gray)—
#bcbbbe#bcbbbeRGB(188, 187, 190)Gray (X11)—
#444448#444448RGB(68, 68, 72)Outer Space—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#48a9f8
#56b1ec
1.07
#48a9f8
#7c7c84
1.63
#48a9f8
#bcbbbe
1.32
#56b1ec
#7c7c84
1.75
#56b1ec
#bcbbbe
1.23
#04487f
#444448
1.03

Image palette commerce illustration banking ui colors palette png