Generate Palette
  1. Colors palettes
  2. Product design web app website typography colors
Created at 03/05/2023 14:43
byraccoon
  62

Product design web app website typography colors

  • Deep Carmine Pink
    #f93a23
  • Peach-Orange
    #fcb99c
  • Licorice
    #200a0e
  • Gray (HTML/CSS Gray)
    #7c7c7c
  • Columbia Blue
    #ccd4e4
  • Gray
    #444444
The palette consists of Semi dark, Light, Dark colors. Accent colors Deep Carmine Pink #f93a23 and Columbia Blue #ccd4e4. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #200A0E (darkest) to #CCD4E4 (lightest). The lightness range is wide.

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 warm.

HEX codes (sorted): #200A0E, #444444, #7C7C7C, #CCD4E4, #F93A23, #FCB99C

Palette Product design web app website typography colors has combination of 6 codes colors:
HEX: #f93a23, RGB: (249, 58, 35); HEX: #fcb99c, RGB: (252, 185, 156); HEX: #200a0e, RGB: (32, 10, 14)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #ccd4e4, RGB: (204, 212, 228); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Shade of Red, Shade of lightsalmon, Shade of Black, Tint of Grey, Shade of lightsteelblue, Tint of dimgrey
Color scheme was created by raccoon

Colors codes in palette

Product design web app website typography colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f93a23 #f93a23 RGB(249, 58, 35)Deep Carmine Pink—
#fcb99c #fcb99c RGB(252, 185, 156)Peach-Orange—
#200a0e #200a0e RGB(32, 10, 14)Licorice—
#7c7c7c #7c7c7c RGB(124, 124, 124)Gray (HTML/CSS Gray)—
#ccd4e4 #ccd4e4 RGB(204, 212, 228)Columbia Blue—
#444444 #444444 RGB(68, 68, 68)GrayGoshawk Grey

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f93a23
#7c7c7c
1.12
#fcb99c
#ccd4e4
1.12
#200a0e
#444444
1.94

Image palette Product design web app website typography colors png

Product design web app website typography colors - #242578
 Download image