Charger tesla landing page ui ux

Created at 04/22/2023 19:00

The palette consists of Dark, Light colors. Accent colors Bone #dcdcc8 and Tea Green #dcf0c8. Palette has Neutral, Warm, Cool colors temperature.

By lightness, this palette runs from #141414 (darkest) to #F0F0F0 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.

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

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

HEX codes (sorted): #141414, #C8DCC8, #DCDCC8, #DCDCDC, #DCF0C8, #F0F0F0

Palette Charger tesla landing page ui ux combines 6 color codes:

HEX: #141414, RGB: (20, 20, 20); HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #f0f0f0, RGB: (240, 240, 240)

HEX: #dcdcc8, RGB: (220, 220, 200); HEX: #c8dcc8, RGB: (200, 220, 200); HEX: #dcf0c8, RGB: (220, 240, 200)

Simplified version of palette colors

Tint of Black, Gainsboro, Shade of White Smoke, Shade of Beige, Shade of Honeydew, Shade of Light Goldenrod Yellow

Color scheme was created by palettespicker

Color codes in palette

Charger tesla landing page ui ux color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#dcdcdc	#dcdcdc	RGB(220, 220, 220)	Gainsboro	—
#f0f0f0	#f0f0f0	RGB(240, 240, 240)	Anti-Flash White	Gray94
#dcdcc8	#dcdcc8	RGB(220, 220, 200)	Bone	—
#c8dcc8	#c8dcc8	RGB(200, 220, 200)	Pastel Gray	—
#dcf0c8	#dcf0c8	RGB(220, 240, 200)	Tea Green	—

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