Protocol mockup animation landing page palette

0.24k

Created at 12/03/2020 19:04

The palette consists of Semi dark, Light, Dark colors. Accent colors #f97da2 and #a4b5cb. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #1A1C30 (darkest) to #A4B5CB (lightest). The lightness range is moderate.

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

A varied palette: its hues are spread across about 128° of the color wheel.

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

HEX codes (sorted): #1A1C30, #3466DD, #3C4484, #5257A9, #A4B5CB, #F97DA2

Palette Protocol mockup animation landing page palette combines 6 color codes:

HEX: #3466dd, RGB: (52, 102, 221); HEX: #f97da2, RGB: (249, 125, 162); HEX: #3c4484, RGB: (60, 68, 132)

HEX: #5257a9, RGB: (82, 87, 169); HEX: #a4b5cb, RGB: (164, 181, 203); HEX: #1a1c30, RGB: (26, 28, 48)

Simplified version of palette colors

Shade of Royal Blue, Tint of Pale Violet Red, Shade of Dark Slate Blue, Shade of Slate Blue, Shade of Light Steel Blue, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Protocol mockup animation landing page palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3466dd	#3466dd	RGB(52, 102, 221)	—	—
#f97da2	#f97da2	RGB(249, 125, 162)	—	—
#3c4484	#3c4484	RGB(60, 68, 132)	—	—
#5257a9	#5257a9	RGB(82, 87, 169)	—	—
#a4b5cb	#a4b5cb	RGB(164, 181, 203)	—	—
#1a1c30	#1a1c30	RGB(26, 28, 48)	—	—

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