Generate Palette
  1. Color Palettes
  2. Sketch mobile app landing page agency illustration

Sketch mobile app landing page agency illustration

  • Maximum Yellow Red
    #f5bf42
  • Dutch White
    #f4d8c3
  • Deep Koamaru
    #2c3c5c
  • Blue Yonder
    #5a77ad
  • Crystal
    #abd5d7
  • Dark Gunmetal
    #1d2535
  0.22k
Created at 01/30/2022 16:49
bycolorswall
The palette consists of Light, Semi dark, Dark colors. Accent colors Maximum Yellow Red #f5bf42 and Crystal #abd5d7. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #1D2535 (darkest) to #F4D8C3 (lightest). The lightness range is wide.

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

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): #1D2535, #2C3C5C, #5A77AD, #ABD5D7, #F4D8C3, #F5BF42

Palette Sketch mobile app landing page agency illustration combines 6 color codes:
HEX: #f5bf42, RGB: (245, 191, 66); HEX: #f4d8c3, RGB: (244, 216, 195); HEX: #2c3c5c, RGB: (44, 60, 92)
HEX: #5a77ad, RGB: (90, 119, 173); HEX: #abd5d7, RGB: (171, 213, 215); HEX: #1d2535, RGB: (29, 37, 53)
Simplified version of palette colors
Tint of goldenrod, Shade of peachpuff, Shade of darkslateblue, Shade of steelblue, Shade of powderblue, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Sketch mobile app landing page agency illustration color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f5bf42 #f5bf42 RGB(245, 191, 66)Maximum Yellow Red—
#f4d8c3 #f4d8c3 RGB(244, 216, 195)Dutch White—
#2c3c5c #2c3c5c RGB(44, 60, 92)Deep Koamaru—
#5a77ad #5a77ad RGB(90, 119, 173)Blue Yonder—
#abd5d7 #abd5d7 RGB(171, 213, 215)Crystal—
#1d2535 #1d2535 RGB(29, 37, 53)Dark Gunmetal—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f5bf42
#f4d8c3
1.24
#f5bf42
#abd5d7
1.06
#f4d8c3
#abd5d7
1.16
#2c3c5c
#1d2535
1.39

Image palette Sketch mobile app landing page agency illustration png

Sketch mobile app landing page agency illustration - #178552
 Download image