Date design system uxdesign uiuxdesign colors palette

0.17k

Created at 09/29/2021 04:08

The palette consists of Light, Semi dark colors. Accent colors #98d4f8 and #717171. Palette has Cool, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

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

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

HEX codes (sorted): #0B5678, #0D638B, #3CB4EC, #717171, #98D4F8, #B6CBDC

Palette Date design system uxdesign uiuxdesign colors palette combines 6 color codes:

HEX: #3cb4ec, RGB: (60, 180, 236); HEX: #98d4f8, RGB: (152, 212, 248); HEX: #0b5678, RGB: (11, 86, 120)

HEX: #717171, RGB: (113, 113, 113); HEX: #b6cbdc, RGB: (182, 203, 220); HEX: #0d638b, RGB: (13, 99, 139)

Simplified version of palette colors

Tint of Deep Sky Blue, Tint of Light Sky Blue, Shade of Dark Slate Gray, Tint of Dim Gray, Tint of Light Steel Blue, Shade of Steel Blue

Color scheme was created by colorswall

Color codes in palette

Date design system uxdesign uiuxdesign colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3cb4ec	#3cb4ec	RGB(60, 180, 236)	—	—
#98d4f8	#98d4f8	RGB(152, 212, 248)	—	—
#0b5678	#0b5678	RGB(11, 86, 120)	—	—
#717171	#717171	RGB(113, 113, 113)	—	—
#b6cbdc	#b6cbdc	RGB(182, 203, 220)	—	—
#0d638b	#0d638b	RGB(13, 99, 139)	—	—

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