User interface ui web design colours

  • New Car
    #1c54dc
  • Jordy Blue
    #84acf4
  • Catalina Blue
    #0e2c75
  • Ocean Green
    #54b484
  • Lavender Gray
    #bfc6d1
  • Jacarta
    #3e344e
  82
Created at 12/26/2022 12:01
The palette consists of Semi dark, Light, Dark colors. Accent colors Jordy Blue #84acf4 and Catalina Blue #0e2c75. Palette has Cool colors temperature.

By lightness, this palette runs from #0E2C75 (darkest) to #BFC6D1 (lightest). The lightness range is moderate.

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

The hues stay in one region of the color wheel, spanning about 113°.

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

HEX codes (sorted): #0E2C75, #1C54DC, #3E344E, #54B484, #84ACF4, #BFC6D1

Palette User interface ui web design colours combines 6 color codes:
HEX: #1c54dc, RGB: (28, 84, 220); HEX: #84acf4, RGB: (132, 172, 244); HEX: #0e2c75, RGB: (14, 44, 117)
HEX: #54b484, RGB: (84, 180, 132); HEX: #bfc6d1, RGB: (191, 198, 209); HEX: #3e344e, RGB: (62, 52, 78)
Simplified version of palette colors
Shade of Royal Blue, Tint of Cornflower Blue, Tint of Midnight Blue, Tint of Medium Sea Green, Tint of Silver, Shade of Dark Slate Blue
Color scheme was created by raccoon

Color codes in palette

User interface ui web design colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#1c54dc#1c54dcRGB(28, 84, 220)New Car—
#84acf4#84acf4RGB(132, 172, 244)Jordy Blue—
#0e2c75#0e2c75RGB(14, 44, 117)Catalina Blue—
#54b484#54b484RGB(84, 180, 132)Ocean Green—
#bfc6d1#bfc6d1RGB(191, 198, 209)Lavender Gray—
#3e344e#3e344eRGB(62, 52, 78)Jacarta—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#1c54dc
#3e344e
1.85
#84acf4
#54b484
1.11
#84acf4
#bfc6d1
1.32
#0e2c75
#3e344e
1.1
#54b484
#bfc6d1
1.48

Image palette User interface ui web design colours png