Ui design illustration clean colours

  • Ultramarine Blue
    #3c67fb
  • Naples Yellow
    #f8cc5c
  • Van Dyke Brown
    #644c2c
  • Rackley
    #657fa2
  • Laurel Green
    #bcce9c
  • Brown Coffee
    #542c34
  94

Ui design illustration clean colours has 6 colors spread across many hues. The lightest color is Naples Yellow (#F8CC5C), the darkest Brown Coffee (#542C34). Its strongest contrast pair is #542C34 on #F8CC5C (7.7:1, WCAG AAA).

Created at 05/31/2022 09:15
The palette consists of Semi dark, Light colors. Accent colors Ultramarine Blue #3c67fb and Naples Yellow #f8cc5c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #542C34 (darkest) to #F8CC5C (lightest). The lightness range is moderate.

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

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

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #3C67FB, #542C34, #644C2C, #657FA2, #BCCE9C, #F8CC5C

Palette Ui design illustration clean colours combines 6 color codes:
HEX: #3c67fb, RGB: (60, 103, 251); HEX: #f8cc5c, RGB: (248, 204, 92); HEX: #644c2c, RGB: (100, 76, 44)
HEX: #657fa2, RGB: (101, 127, 162); HEX: #bcce9c, RGB: (188, 206, 156); HEX: #542c34, RGB: (84, 44, 52)
Simplified version of palette colors
Tint of Royal Blue, Tint of Gold, Shade of Saddle Brown, Shade of Slate Gray, Tint of Dark Sea Green, Tint of Maroon
Color scheme was created by colorswall

Color codes in palette

Ui design illustration clean colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#3c67fb#3c67fbRGB(60, 103, 251)Ultramarine Blue—
#f8cc5c#f8cc5cRGB(248, 204, 92)Naples Yellow—
#644c2c#644c2cRGB(100, 76, 44)Van Dyke Brown—
#657fa2#657fa2RGB(101, 127, 162)Rackley—
#bcce9c#bcce9cRGB(188, 206, 156)Laurel Green—
#542c34#542c34RGB(84, 44, 52)Brown Coffee—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#3c67fb
#644c2c
1.73
#3c67fb
#657fa2
1.12
#f8cc5c
#bcce9c
1.1
#644c2c
#657fa2
1.95
#644c2c
#542c34
1.46

Image palette Ui design illustration clean colours png