Generate Palette
  1. Colors palettes
  2. Landingpage landing homepage uidesign colors
Created at 03/23/2023 10:09
byraccoon
  79

Landingpage landing homepage uidesign colors

  • Meat Brown
    #ebb242
  • Buff
    #f2ce87
  • Blue Sapphire
    #0c6875
  • Cadet Blue
    #559d9f
  • Dark Vanilla
    #c4b8a0
  • Japanese Indigo
    #2b444c
The palette consists of Light, Semi dark colors. Accent colors Meat Brown #ebb242 and Blue Sapphire #0c6875. Palette has Warm, Cool, Neutral colors temperature.

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

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0C6875, #2B444C, #559D9F, #C4B8A0, #EBB242, #F2CE87

Palette Landingpage landing homepage uidesign colors has combination of 6 codes colors:
HEX: #ebb242, RGB: (235, 178, 66); HEX: #f2ce87, RGB: (242, 206, 135); HEX: #0c6875, RGB: (12, 104, 117)
HEX: #559d9f, RGB: (85, 157, 159); HEX: #c4b8a0, RGB: (196, 184, 160); HEX: #2b444c, RGB: (43, 68, 76)
Simplified version of palette colors
Shade of goldenrod, Tint of navajowhite, Tint of Teal, Tint of cadetblue, Shade of tan, Tint of darkslategrey
Color scheme was created by raccoon

Colors codes in palette

Landingpage landing homepage uidesign colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ebb242 #ebb242 RGB(235, 178, 66)Meat Brown—
#f2ce87 #f2ce87 RGB(242, 206, 135)Buff—
#0c6875 #0c6875 RGB(12, 104, 117)Blue Sapphire—
#559d9f #559d9f RGB(85, 157, 159)Cadet Blue—
#c4b8a0 #c4b8a0 RGB(196, 184, 160)Dark Vanilla—
#2b444c #2b444c RGB(43, 68, 76)Japanese Indigo—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ebb242
#f2ce87
1.27
#ebb242
#559d9f
1.63
#ebb242
#c4b8a0
1.02
#f2ce87
#c4b8a0
1.3
#0c6875
#2b444c
1.59
#559d9f
#c4b8a0
1.59

Image palette Landingpage landing homepage uidesign colors png

Landingpage landing homepage uidesign colors - #247463
 Download image