User interface react native design colors

0.39k

Created at 10/30/2019 19:28

The palette consists of Light, Semi dark colors. Accent colors #08c26e and #04aa5f. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #38506F (darkest) to #E1EEF8 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 58% across the palette.

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

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

HEX codes (sorted): #04AA5F, #08C26E, #38506F, #537CAA, #AFCCD6, #E1EEF8

Palette User interface react native design colors combines 6 color codes:

HEX: #08c26e, RGB: (8, 194, 110); HEX: #e1eef8, RGB: (225, 238, 248); HEX: #04aa5f, RGB: (4, 170, 95)

HEX: #537caa, RGB: (83, 124, 170); HEX: #afccd6, RGB: (175, 204, 214); HEX: #38506f, RGB: (56, 80, 111)

Simplified version of palette colors

Shade of Medium Sea Green, Shade of Alice Blue, Shade of Medium Sea Green, Shade of Steel Blue, Shade of Light Blue, Tint of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

User interface react native design colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#08c26e	#08c26e	RGB(8, 194, 110)	—	—
#e1eef8	#e1eef8	RGB(225, 238, 248)	—	—
#04aa5f	#04aa5f	RGB(4, 170, 95)	—	—
#537caa	#537caa	RGB(83, 124, 170)	—	—
#afccd6	#afccd6	RGB(175, 204, 214)	—	—
#38506f	#38506f	RGB(56, 80, 111)	—	—

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