Created at 09/29/2020 15:13
  0.21k

Typography web design ui palette

  • #2d2dfb
  • #7c7bfb
  • #14645c
  • #6ba8a0
  • #cccddf
  • #4e918b
The palette consists of Light, Semi dark colors. Accent colors #2d2dfb and #7c7bfb. Palette has Cool colors temperature.

By lightness, this palette runs from #14645C (darkest) to #CCCDDF (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #14645C, #2D2DFB, #4E918B, #6BA8A0, #7C7BFB, #CCCDDF

Palette Typography web design ui palette has combination of 6 codes colors:
HEX: #2d2dfb, RGB: (45, 45, 251); HEX: #7c7bfb, RGB: (124, 123, 251); HEX: #14645c, RGB: (20, 100, 92)
HEX: #6ba8a0, RGB: (107, 168, 160); HEX: #cccddf, RGB: (204, 205, 223); HEX: #4e918b, RGB: (78, 145, 139)
Simplified version of palette colors
Shade of Blue, Shade of mediumslateblue, Tint of Teal, Shade of cadetblue, Tint of lavender, Tint of cadetblue
Color scheme was created by colorswall

Colors codes in palette

Typography web design ui palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2d2dfb #2d2dfb RGB(45, 45, 251)
#7c7bfb #7c7bfb RGB(124, 123, 251)
#14645c #14645c RGB(20, 100, 92)
#6ba8a0 #6ba8a0 RGB(107, 168, 160)
#cccddf #cccddf RGB(204, 205, 223)
#4e918b #4e918b RGB(78, 145, 139)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2d2dfb
#14645c
1.04
#2d2dfb
#4e918b
1.99
#7c7bfb
#6ba8a0
1.27
#7c7bfb
#4e918b
1.05
#14645c
#4e918b
1.91
#6ba8a0
#cccddf
1.72

Image palette Typography web design ui palette png