Website ux branding typography palette

  • #342cfb
  • #3c2ef9
  • #112993
  • #a8557a
  • #b4b9cd
  • #1f2243
  0.19k

Website ux branding typography palette has 6 colors, mostly blue. The lightest color is Light Steel Blue (#B4B9CD), the darkest Midnight Blue (#1F2243). Its strongest contrast pair is #1F2243 on #B4B9CD (7.8:1, WCAG AAA).

Created at 04/22/2020 14:22
The palette consists of Semi dark, Dark, Light colors. Accent colors #342cfb and #3c2ef9. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #1F2243 (darkest) to #B4B9CD (lightest). The lightness range is moderate.

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

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

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

HEX codes (sorted): #112993, #1F2243, #342CFB, #3C2EF9, #A8557A, #B4B9CD

Palette Website ux branding typography palette combines 6 color codes:
HEX: #342cfb, RGB: (52, 44, 251); HEX: #3c2ef9, RGB: (60, 46, 249); HEX: #112993, RGB: (17, 41, 147)
HEX: #a8557a, RGB: (168, 85, 122); HEX: #b4b9cd, RGB: (180, 185, 205); HEX: #1f2243, RGB: (31, 34, 67)
Simplified version of palette colors
Tint of Blue, Tint of Blue, Tint of Midnight Blue, Tint of Medium Violet Red, Shade of Light Steel Blue, Tint of Midnight Blue
Color scheme was created by colorswall

Color codes in palette

Website ux branding typography palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#342cfb#342cfbRGB(52, 44, 251)——
#3c2ef9#3c2ef9RGB(60, 46, 249)——
#112993#112993RGB(17, 41, 147)——
#a8557a#a8557aRGB(168, 85, 122)——
#b4b9cd#b4b9cdRGB(180, 185, 205)——
#1f2243#1f2243RGB(31, 34, 67)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#342cfb
#3c2ef9
1.01
#342cfb
#112993
1.64
#342cfb
#a8557a
1.46
#3c2ef9
#112993
1.67
#3c2ef9
#a8557a
1.43
#112993
#1f2243
1.28

Image palette Website ux branding typography palette png