Generate Palette
  1. Color Palettes
  2. Landing landingpage web design webpage colors
Created at 03/20/2023 16:06
bypalettespicker
  78

Landing landingpage web design webpage colors

  • Spanish Yellow
    #fab914
  • Desert Sand
    #e5c4a4
  • Maastricht Blue
    #08283d
  • Middle Blue Purple
    #8c64ac
  • Opal
    #b1bfc2
  • Dark Slate Gray
    #344e5b
The palette consists of Light, Dark, Semi dark colors. Accent colors Spanish Yellow #fab914 and Maastricht Blue #08283d. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #08283D (darkest) to #E5C4A4 (lightest). The lightness range is wide.

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): #08283D, #344E5B, #8C64AC, #B1BFC2, #E5C4A4, #FAB914

Palette Landing landingpage web design webpage colors combines 6 color codes:
HEX: #fab914, RGB: (250, 185, 20); HEX: #e5c4a4, RGB: (229, 196, 164); HEX: #08283d, RGB: (8, 40, 61)
HEX: #8c64ac, RGB: (140, 100, 172); HEX: #b1bfc2, RGB: (177, 191, 194); HEX: #344e5b, RGB: (52, 78, 91)
Simplified version of palette colors
Tint of goldenrod, Shade of peachpuff, Shade of midnightblue, Shade of mediumpurple, Shade of Silver, Tint of darkslategrey
Color scheme was created by palettespicker

Color codes in palette

Landing landingpage web design webpage colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fab914 #fab914 RGB(250, 185, 20)Spanish Yellow—
#e5c4a4 #e5c4a4 RGB(229, 196, 164)Desert Sand—
#08283d #08283d RGB(8, 40, 61)Maastricht Blue—
#8c64ac #8c64ac RGB(140, 100, 172)Middle Blue Purple—
#b1bfc2 #b1bfc2 RGB(177, 191, 194)Opal—
#344e5b #344e5b RGB(52, 78, 91)Dark Slate Gray—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fab914
#e5c4a4
1.06
#fab914
#b1bfc2
1.08
#e5c4a4
#b1bfc2
1.14
#08283d
#344e5b
1.72
#8c64ac
#344e5b
1.89

Image palette Landing landingpage web design webpage colors png

Landing landingpage web design webpage colors - #246643
 Download image