Created at 01/30/2023 17:22
  98

Color user interface design layout colors palette

  • Dodger Blue
    #1e8ff3
  • Maya Blue
    #7cc4fb
  • Old Moss Green
    #808c3e
  • Rackley
    #577fa4
  • Pastel Blue
    #b0c2c7
  • Charcoal
    #2f4458
The palette consists of Light colors. Accent colors Maya Blue #7cc4fb and Old Moss Green #808c3e. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2F4458 (darkest) to #B0C2C7 (lightest). The lightness range is moderate.

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1E8FF3, #2F4458, #577FA4, #7CC4FB, #808C3E, #B0C2C7

Palette Color user interface design layout colors palette has combination of 6 codes colors:
HEX: #1e8ff3, RGB: (30, 143, 243); HEX: #7cc4fb, RGB: (124, 196, 251); HEX: #808c3e, RGB: (128, 140, 62)
HEX: #577fa4, RGB: (87, 127, 164); HEX: #b0c2c7, RGB: (176, 194, 199); HEX: #2f4458, RGB: (47, 68, 88)
Simplified version of palette colors
Tint of dodgerblue, Tint of lightskyblue, Shade of olivedrab, Shade of steelblue, Tint of Silver, Tint of darkslateblue
Color scheme was created by hex

Colors codes in palette

Color user interface design layout colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1e8ff3 #1e8ff3 RGB(30, 143, 243)Dodger Blue
#7cc4fb #7cc4fb RGB(124, 196, 251)Maya Blue
#808c3e #808c3e RGB(128, 140, 62)Old Moss Green
#577fa4 #577fa4 RGB(87, 127, 164)Rackley
#b0c2c7 #b0c2c7 RGB(176, 194, 199)Pastel Blue
#2f4458 #2f4458 RGB(47, 68, 88)Charcoal

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1e8ff3
#7cc4fb
1.77
#1e8ff3
#808c3e
1.09
#1e8ff3
#577fa4
1.26
#1e8ff3
#b0c2c7
1.81
#7cc4fb
#808c3e
1.94
#7cc4fb
#b0c2c7
1.02

Image palette Color user interface design layout colors palette png