User Interface or User Experience Colors

If you are looking for a professional set of colors for user interface or website design, look no further. I have provided shades that compliment each other and have adequate contrast to be distinguishable.

Each shade will be explained and the list of hex codes will be at the bottom.

Starting from the top left corner, A1 is a blue shaded pigment that was elevated to a richer level.

A2 has purple origins and would compliment analogous color palettes.

A3 is a deeper shade of pink that is reminiscent of a lipstick.

B1 is an oversaturated version of golden that pairs beautifully with cool tones like purples and blues.

B2 is an orange based color that is perfect for beauty branding and cosmetics products.

B3 is a washed out neon yellow that adds an element of warmth to any surrounding elements.

C1 is a blue version of a medium grey.

C2 is a lighter version of C1 and it pairs well with other pastel colors.

C3 is a taupe tint that originates from a natural looking brown.

A1 00001F

A2 0A0B26

A3 260A1C

B1 F8F2E6

B2 FFF5E9

B3 FEF9E3

C1 B1B6BC

C2 CBCBCB

C3 E9E3D7

Additional HEX Codes

DBF9F4 is a light cyan color that can serve as an almost white but still has a tint of blue

D9D7DD is a light gray perfect for a shadow color

F8F3F2 is a washed out tan with pink undertones. It pairs well with green and brown shades. E2DADB is a lilac grey that has been brightened to appear almost neutral. F2E9DC is the color of fresh linens. FDFFFC is known as a baby powder color.

Also check out Curious Color Instagram Post for more information.

Design a site like this with WordPress.com
Get started