Web material ui colours

0.24k

Created at 12/10/2020 23:39

The palette consists of Light, Semi dark colors. Accent colors #f0b893 and #0b5678. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #0B5678 (darkest) to #A5D1D7 (lightest). The lightness range is moderate.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #0B5678, #36626F, #3CB4EC, #70AA9C, #A5D1D7, #F0B893

Palette Web material ui colours combines 6 color codes:

HEX: #3cb4ec, RGB: (60, 180, 236); HEX: #f0b893, RGB: (240, 184, 147); HEX: #0b5678, RGB: (11, 86, 120)

HEX: #70aa9c, RGB: (112, 170, 156); HEX: #a5d1d7, RGB: (165, 209, 215); HEX: #36626f, RGB: (54, 98, 111)

Simplified version of palette colors

Tint of Deep Sky Blue, Tint of Burlywood, Shade of Dark Slate Gray, Tint of Cadet Blue, Shade of Powder Blue, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Web material ui colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3cb4ec	#3cb4ec	RGB(60, 180, 236)	—	—
#f0b893	#f0b893	RGB(240, 184, 147)	—	—
#0b5678	#0b5678	RGB(11, 86, 120)	—	—
#70aa9c	#70aa9c	RGB(112, 170, 156)	—	—
#a5d1d7	#a5d1d7	RGB(165, 209, 215)	—	—
#36626f	#36626f	RGB(54, 98, 111)	—	—

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