Design minimal ui app user interface hex colors

  • Lemon Curry
    #cf9f27
  • Pale Blue
    #bee6f1
  • Royal Azure
    #0739a9
  • Blue Yonder
    #5472a5
  • Metallic Silver
    #a4acb1
  • Police Blue
    #37515f
  59

Design minimal ui app user interface hex colors has 6 colors spread across many hues. The lightest color is Pale Blue (#BEE6F1), the darkest Royal Azure (#0739A9). Its strongest contrast pair is #0739A9 on #BEE6F1 (7.2:1, WCAG AAA).

Created at 03/30/2023 16:50
The palette consists of Light, Semi dark colors. Accent colors Lemon Curry #cf9f27 and Royal Azure #0739a9. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #0739A9 (darkest) to #BEE6F1 (lightest). The lightness range is moderate.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #0739A9, #37515F, #5472A5, #A4ACB1, #BEE6F1, #CF9F27

Palette Design minimal ui app user interface hex colors combines 6 color codes:
HEX: #cf9f27, RGB: (207, 159, 39); HEX: #bee6f1, RGB: (190, 230, 241); HEX: #0739a9, RGB: (7, 57, 169)
HEX: #5472a5, RGB: (84, 114, 165); HEX: #a4acb1, RGB: (164, 172, 177); HEX: #37515f, RGB: (55, 81, 95)
Simplified version of palette colors
Shade of Goldenrod, Tint of Light Blue, Shade of Dark Slate Blue, Tint of Royal Blue, Tint of Dark Gray, Tint of Dark Slate Gray
Color scheme was created by coolor

Color codes in palette

Design minimal ui app user interface hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#cf9f27#cf9f27RGB(207, 159, 39)Lemon Curry—
#bee6f1#bee6f1RGB(190, 230, 241)Pale Blue—
#0739a9#0739a9RGB(7, 57, 169)Royal Azure—
#5472a5#5472a5RGB(84, 114, 165)Blue Yonder—
#a4acb1#a4acb1RGB(164, 172, 177)Metallic Silver—
#37515f#37515fRGB(55, 81, 95)Police Blue—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#cf9f27
#bee6f1
1.82
#cf9f27
#5472a5
1.99
#cf9f27
#a4acb1
1.05
#bee6f1
#a4acb1
1.73
#0739a9
#5472a5
1.99
#0739a9
#37515f
1.15

Image palette Design minimal ui app user interface hex colors png