Loading...
Created at 02/22/2023 07:01
  0.11k

Ui ux service design palette

  • Dark Pastel Blue
    #7294d2
  • Sail to the Sea
    #9cbef2
  • Passionate Blue
    #203864
  • Liberty
    #625bb0
  • Lilac Lust
    #c2bdda
  • Astrogranite Debris
    #3c414c
Loading...
The palette consists of Light, Semi dark colors. Accent colors Dark Pastel Blue #7294d2 and Sail to the Sea #9cbef2. Palette has Cool colors temperature.

By lightness, this palette runs from #203864 (darkest) to #C2BDDA (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #203864, #3C414C, #625BB0, #7294D2, #9CBEF2, #C2BDDA

Palette Ui ux service design palette has combination of 6 codes colors:
HEX: #7294d2, RGB: (114, 148, 210); HEX: #9cbef2, RGB: (156, 190, 242); HEX: #203864, RGB: (32, 56, 100)
HEX: #625bb0, RGB: (98, 91, 176); HEX: #c2bdda, RGB: (194, 189, 218); HEX: #3c414c, RGB: (60, 65, 76)
Simplified version of palette colors
Shade of cornflowerblue, Tint of lightsteelblue, Tint of darkslateblue, Tint of slateblue, Tint of thistle, Tint of darkslategrey
Color scheme was created by hex

Colors codes in palette

Ui ux service design palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7294d2 #7294d2 RGB(114, 148, 210)Dark Pastel Blue
#9cbef2 #9cbef2 RGB(156, 190, 242)Sail to the Sea
#203864 #203864 RGB(32, 56, 100)Passionate Blue
#625bb0 #625bb0 RGB(98, 91, 176)Liberty
#c2bdda #c2bdda RGB(194, 189, 218)Lilac Lust
#3c414c #3c414c RGB(60, 65, 76)Astrogranite Debris

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7294d2
#9cbef2
1.6
#7294d2
#625bb0
1.88
#7294d2
#c2bdda
1.68
#9cbef2
#c2bdda
1.04
#203864
#3c414c
1.13
#625bb0
#3c414c
1.77

Image palette Ui ux service design palette png

Loading...
Loading...
Loading...