Created at 01/08/2020 09:12

Design react dashboard vuejs

#34a4dc

#acecdc

#844811

#82874c

#b4b3d6

#4b5029

The palette consists of Light, Semi dark colors. Accent colors #34a4dc and #844811. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #4B5029 (darkest) to #ACECDC (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #34A4DC, #4B5029, #82874C, #844811, #ACECDC, #B4B3D6

Palette Design react dashboard vuejs has combination of 6 codes colors:

HEX: #34a4dc, RGB: (52, 164, 220); HEX: #acecdc, RGB: (172, 236, 220); HEX: #844811, RGB: (132, 72, 17)

HEX: #82874c, RGB: (130, 135, 76); HEX: #b4b3d6, RGB: (180, 179, 214); HEX: #4b5029, RGB: (75, 80, 41)

Simplified version of palette colors

Tint of deepskyblue, Tint of paleturquoise, Tint of saddlebrown, Shade of olivedrab, Tint of lightsteelblue, Tint of darkolivegreen

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Design react dashboard vuejs color codes HEX, RGB information in table

6 color pairs have low contrast and need improvement which may impact readability.