Generate Palette
  1. Color Palettes
  2. Landing page mobile ui microinteractions colors palette

Landing page mobile ui microinteractions colors palette

  • Liberty
    #5a66a4
  • Wild Blue Yonder
    #a9afcf
  • Jacarta
    #2f3555
  • Ube
    #7c84bc
  • Ceil
    #949cc4
  • Rich Black (FOGRA29)
    #0c0c14
  0.1k

Landing page mobile ui microinteractions colors palette has 6 colors, mostly blue. The lightest color is Wild Blue Yonder (#A9AFCF), the darkest Rich Black (FOGRA29) (#0C0C14). Its strongest contrast pair is #0C0C14 on #A9AFCF (9.0:1, WCAG AAA).

Created at 11/28/2022 06:57
bybad_colors
The palette consists of Semi dark, Light, Dark colors. Accent colors Liberty #5a66a4 and Ube #7c84bc. Palette has Cool, Neutral colors temperature.

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

Saturation sits in a moderate mid-range, averaging 29% across the palette.

An analogous palette: its hues sit close together on the color wheel, within about 10°.

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

HEX codes (sorted): #0C0C14, #2F3555, #5A66A4, #7C84BC, #949CC4, #A9AFCF

Palette Landing page mobile ui microinteractions colors palette combines 6 color codes:
HEX: #5a66a4, RGB: (90, 102, 164); HEX: #a9afcf, RGB: (169, 175, 207); HEX: #2f3555, RGB: (47, 53, 85)
HEX: #7c84bc, RGB: (124, 132, 188); HEX: #949cc4, RGB: (148, 156, 196); HEX: #0c0c14, RGB: (12, 12, 20)
Simplified version of palette colors
Shade of Slate Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue, Tint of Medium Purple, Shade of Light Steel Blue, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

Landing page mobile ui microinteractions colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#5a66a4#5a66a4RGB(90, 102, 164)Liberty—
#a9afcf#a9afcfRGB(169, 175, 207)Wild Blue Yonder—
#2f3555#2f3555RGB(47, 53, 85)Jacarta—
#7c84bc#7c84bcRGB(124, 132, 188)Ube—
#949cc4#949cc4RGB(148, 156, 196)Ceil—
#0c0c14#0c0c14RGB(12, 12, 20)Rich Black (FOGRA29)—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#5a66a4
#7c84bc
1.51
#a9afcf
#7c84bc
1.65
#a9afcf
#949cc4
1.24
#2f3555
#0c0c14
1.63
#7c84bc
#949cc4
1.32

Image palette Landing page mobile ui microinteractions colors palette png

Landing page mobile ui microinteractions colors palette: Liberty, Wild Blue Yonder, Jacarta, Ube, Ceil, Rich Black (FOGRA29)
 Download image