Wireframe apartments design system hex colors

0.31k

Created at 02/10/2020 21:56

The palette consists of Light, Dark, Semi dark colors. Accent colors #2a7fd4 and #f4daba. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0C243C (darkest) to #F4DABA (lightest). The lightness range is wide.

Saturation is mixed — 3 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 (3 of 6).

HEX codes (sorted): #0C243C, #2A7FD4, #3C3C3C, #96846C, #A4BCB0, #F4DABA

Palette Wireframe apartments design system hex colors combines 6 color codes:

HEX: #2a7fd4, RGB: (42, 127, 212); HEX: #f4daba, RGB: (244, 218, 186); HEX: #0c243c, RGB: (12, 36, 60)

HEX: #96846c, RGB: (150, 132, 108); HEX: #a4bcb0, RGB: (164, 188, 176); HEX: #3c3c3c, RGB: (60, 60, 60)

Simplified version of palette colors

Shade of Steel Blue, Shade of Bisque, Shade of Midnight Blue, Tint of Grey, Tint of Dark Sea Green, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Wireframe apartments design system hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#2a7fd4	#2a7fd4	RGB(42, 127, 212)	—	—
#f4daba	#f4daba	RGB(244, 218, 186)	—	—
#0c243c	#0c243c	RGB(12, 36, 60)	—	—
#96846c	#96846c	RGB(150, 132, 108)	—	—
#a4bcb0	#a4bcb0	RGB(164, 188, 176)	—	—
#3c3c3c	#3c3c3c	RGB(60, 60, 60)	—	—

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