Created at 11/09/2022 13:30
  0.1k

Microinteractions ui app web design palette

  • Ube
    #848cc4
  • Wild Blue Yonder
    #a5abd4
  • Indigo (Rainbow)
    #2a3059
  • Toolbox
    #747cbc
  • Ceil
    #989dca
  • Black
    #0c0c0c
The palette consists of Light, Dark colors. Accent colors Indigo (Rainbow) #2a3059 and Black #0c0c0c. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #A5ABD4 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0C0C0C, #2A3059, #747CBC, #848CC4, #989DCA, #A5ABD4

Palette Microinteractions ui app web design palette has combination of 6 codes colors:
HEX: #848cc4, RGB: (132, 140, 196); HEX: #a5abd4, RGB: (165, 171, 212); HEX: #2a3059, RGB: (42, 48, 89)
HEX: #747cbc, RGB: (116, 124, 188); HEX: #989dca, RGB: (152, 157, 202); HEX: #0c0c0c, RGB: (12, 12, 12)
Simplified version of palette colors
Tint of cornflowerblue, Tint of lightsteelblue, Shade of midnightblue, Tint of mediumpurple, Tint of lightsteelblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#848cc4 #848cc4 RGB(132, 140, 196)Ube
#a5abd4 #a5abd4 RGB(165, 171, 212)Wild Blue Yonder
#2a3059 #2a3059 RGB(42, 48, 89)Indigo (Rainbow)
#747cbc #747cbc RGB(116, 124, 188)Toolbox
#989dca #989dca RGB(152, 157, 202)Ceil
#0c0c0c #0c0c0c RGB(12, 12, 12)BlackBlack Wash

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#848cc4
#a5abd4
1.43
#848cc4
#747cbc
1.22
#848cc4
#989dca
1.22
#a5abd4
#747cbc
1.75
#a5abd4
#989dca
1.17
#2a3059
#0c0c0c
1.55

Image palette Microinteractions ui app web design palette png