Created at 09/22/2022 11:01
  0.25k

Web design micro-interaction microinteractions animations palette

Ube
#848cc4
Wild Blue Yonder
#a5abd4
Indigo (Rainbow)
#2a3059
Cool Grey
#8c94ac
Cadet Grey
#9ca4bc
Rich Black (FOGRA29)
#0c0c14
Sign In to save palette in collection
The palette consists of Light, Dark colors. Accent colors Wild Blue Yonder #a5abd4 and Indigo (Rainbow) #2a3059. Palette has Cool, Neutral colors temperature.
Palette Web design micro-interaction microinteractions animations 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: #8c94ac, RGB: (140, 148, 172); HEX: #9ca4bc, RGB: (156, 164, 188); HEX: #0c0c14, RGB: (12, 12, 20)
Simplified version of palette colors
Tint of cornflowerblue, Tint of lightsteelblue, Shade of midnightblue, Shade of lightslategrey, Tint of lightsteelblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Web design micro-interaction microinteractions animations palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#848cc4 RGB(132, 140, 196)Ube
#a5abd4 RGB(165, 171, 212)Wild Blue Yonder
#2a3059 RGB(42, 48, 89)Indigo (Rainbow)
#8c94ac RGB(140, 148, 172)Cool Grey
#9ca4bc RGB(156, 164, 188)Cadet Grey
#0c0c14 RGB(12, 12, 20)Rich Black (FOGRA29)

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
#8c94ac
1.06
#848cc4
#9ca4bc
1.29
#a5abd4
#8c94ac
1.34
#a5abd4
#9ca4bc
1.1
#2a3059
#0c0c14
1.54

Image palette Web design micro-interaction microinteractions animations palette png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes