Smart home white ui apps palette

Moss Green
#99a15d
Dark Vanilla
#c9ceaa
Soldier Green
#4f5430
Dolphin Gray
#789b8c
Pastel Gray
#d1d5b6
Outer Space
#41444c

The palette consists of Light, Semi dark colors. Accent colors Soldier Green #4f5430 and Outer Space #41444c. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #4F5430 (darkest) to #D1D5B6 (lightest). The lightness range is moderate.

Overall saturation feels mostly muted (lower chroma).

Hues sit in a neighboring band on the wheel (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #41444C, #4F5430, #789B8C, #99A15D, #C9CEAA, #D1D5B6

Palette Smart home white ui apps palette has combination of 6 codes colors:

HEX: #99a15d, RGB: (153, 161, 93); HEX: #c9ceaa, RGB: (201, 206, 170); HEX: #4f5430, RGB: (79, 84, 48)

HEX: #789b8c, RGB: (120, 155, 140); HEX: #d1d5b6, RGB: (209, 213, 182); HEX: #41444c, RGB: (65, 68, 76)

Simplified version of palette colors

Tint of darkkhaki, Tint of palegoldenrod, Tint of darkolivegreen, Shade of cadetblue, Tint of beige, Tint of dimgrey

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Smart home white ui apps palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#99a15d	#99a15d	RGB(153, 161, 93)	Moss Green	—
#c9ceaa	#c9ceaa	RGB(201, 206, 170)	Dark Vanilla	—
#4f5430	#4f5430	RGB(79, 84, 48)	Soldier Green	—
#789b8c	#789b8c	RGB(120, 155, 140)	Dolphin Gray	—
#d1d5b6	#d1d5b6	RGB(209, 213, 182)	Pastel Gray	—
#41444c	#41444c	RGB(65, 68, 76)	Outer Space	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#99a15d	#c9ceaa	1.69
#99a15d	#789b8c	1.1
#99a15d	#d1d5b6	1.82
#c9ceaa	#789b8c	1.87
#c9ceaa	#d1d5b6	1.07
#4f5430	#41444c	1.22

Image palette Smart home white ui apps palette png

Smart home white ui apps palette - #195043

--color-moss-green:	#99a15d;
--color-dark-vanilla:	#c9ceaa;
--color-soldier-green:	#4f5430;
--color-dolphin-gray:	#789b8c;
--color-pastel-gray:	#d1d5b6;
--color-outer-space:	#41444c;

$color-moss-green:	#99a15d;
$color-dark-vanilla:	#c9ceaa;
$color-soldier-green:	#4f5430;
$color-dolphin-gray:	#789b8c;
$color-pastel-gray:	#d1d5b6;
$color-outer-space:	#41444c;

@color-moss-green:	#99a15d;
@color-dark-vanilla:	#c9ceaa;
@color-soldier-green:	#4f5430;
@color-dolphin-gray:	#789b8c;
@color-pastel-gray:	#d1d5b6;
@color-outer-space:	#41444c;