Generate Palette
  1. Color Palettes
  2. Design ui minimal website

Design ui minimal website

  • #4353cf
  • #84e4e4
  • #1a2369
  • #7e7e7e
  • #b7b8ba
  • #0c0c14
  0.22k
Created at 12/29/2019 15:37
bycolorswall
The palette consists of Semi dark, Light, Dark colors. Accent colors #84e4e4 and Aged Moustache Grey #7e7e7e. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C14 (darkest) to #84E4E4 (lightest). The lightness range is wide.

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

An analogous palette: its hues sit close together on the color wheel, within about 60°.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #0C0C14, #1A2369, #4353CF, #7E7E7E, #84E4E4, #B7B8BA

Palette Design ui minimal website combines 6 color codes:
HEX: #4353cf, RGB: (67, 83, 207); HEX: #84e4e4, RGB: (132, 228, 228); HEX: #1a2369, RGB: (26, 35, 105)
HEX: #7e7e7e, RGB: (126, 126, 126); HEX: #b7b8ba, RGB: (183, 184, 186); HEX: #0c0c14, RGB: (12, 12, 20)
Simplified version of palette colors
Shade of Slate Blue, Shade of Pale Turquoise, Tint of Midnight Blue, Shade of Grey, Shade of Silver, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Design ui minimal website color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#4353cf#4353cfRGB(67, 83, 207)——
#84e4e4#84e4e4RGB(132, 228, 228)——
#1a2369#1a2369RGB(26, 35, 105)——
#7e7e7e#7e7e7eRGB(126, 126, 126)—Aged Moustache Grey
#b7b8ba#b7b8baRGB(183, 184, 186)——
#0c0c14#0c0c14RGB(12, 12, 20)——

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#4353cf
#7e7e7e
1.53
#84e4e4
#b7b8ba
1.34
#1a2369
#0c0c14
1.38

Image palette Design ui minimal website png

Design ui minimal website color palette: #4353cf, #84e4e4, #1a2369, #7e7e7e, #b7b8ba, #0c0c14
 Download image