Website design vue.js web webdesign colors palette

0.3k

Created at 03/02/2021 09:51

The palette consists of Light, Semi dark, Dark colors. Accent colors #f7ef04 and #a99305. Palette has Warm colors temperature.

By lightness, this palette runs from #34301F (darkest) to #F7EF04 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

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

Overall temperature among swatches leans warm (6 of 6).

HEX codes (sorted): #34301F, #83844C, #8F3609, #A99305, #F16E2C, #F7EF04

Palette Website design vue.js web webdesign colors palette combines 6 color codes:

HEX: #f7ef04, RGB: (247, 239, 4); HEX: #f16e2c, RGB: (241, 110, 44); HEX: #a99305, RGB: (169, 147, 5)

HEX: #83844c, RGB: (131, 132, 76); HEX: #8f3609, RGB: (143, 54, 9); HEX: #34301f, RGB: (52, 48, 31)

Simplified version of palette colors

Shade of Yellow, Shade of Coral, Tint of Dark Goldenrod, Tint of Olive, Shade of Saddle Brown, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Website design vue.js web webdesign colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#f7ef04	#f7ef04	RGB(247, 239, 4)	—	—
#f16e2c	#f16e2c	RGB(241, 110, 44)	—	—
#a99305	#a99305	RGB(169, 147, 5)	—	—
#83844c	#83844c	RGB(131, 132, 76)	—	—
#8f3609	#8f3609	RGB(143, 54, 9)	—	—
#34301f	#34301f	RGB(52, 48, 31)	—	—

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