Education ui landing page header palette

0.14k

Created at 08/26/2022 08:48

The palette consists of Light, Semi dark colors. Accent colors Jordy Blue #8ca9f4 and Firebrick #aa211e. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #365F58 (darkest) to #D2CBA0 (lightest). The lightness range is moderate.

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

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

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #365F58, #6B9A94, #8CA9F4, #AA211E, #D2CBA0, #D54B5A

Palette Education ui landing page header palette combines 6 color codes:

HEX: #d54b5a, RGB: (213, 75, 90); HEX: #8ca9f4, RGB: (140, 169, 244); HEX: #aa211e, RGB: (170, 33, 30)

HEX: #6b9a94, RGB: (107, 154, 148); HEX: #d2cba0, RGB: (210, 203, 160); HEX: #365f58, RGB: (54, 95, 88)

Simplified version of palette colors

Shade of Indian Red, Tint of Cornflower Blue, Shade of Firebrick, Shade of Cadet Blue, Shade of Pale Goldenrod, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Education ui landing page header palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#d54b5a	#d54b5a	RGB(213, 75, 90)	Dark Terra Cotta	—
#8ca9f4	#8ca9f4	RGB(140, 169, 244)	Jordy Blue	—
#aa211e	#aa211e	RGB(170, 33, 30)	Firebrick	—
#6b9a94	#6b9a94	RGB(107, 154, 148)	Desaturated Cyan	—
#d2cba0	#d2cba0	RGB(210, 203, 160)	Dark Vanilla	—
#365f58	#365f58	RGB(54, 95, 88)	Dark Slate Gray	—

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