Course garden hothouse ui design

Tufts Blue
#348fc9
Gold (Crayola)
#ecc88f
Mustard Green
#6c6c24
Dark Chestnut
#966958
Pale Silver
#c7d2b0
Police Blue
#356461

The palette consists of Light, Semi dark colors. Accent colors Tufts Blue #348fc9 and Gold (Crayola) #ecc88f. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #6C6C24 (darkest) to #C7D2B0 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #348FC9, #356461, #6C6C24, #966958, #C7D2B0, #ECC88F

Palette Course garden hothouse ui design has combination of 6 codes colors:

HEX: #348fc9, RGB: (52, 143, 201); HEX: #ecc88f, RGB: (236, 200, 143); HEX: #6c6c24, RGB: (108, 108, 36)

HEX: #966958, RGB: (150, 105, 88); HEX: #c7d2b0, RGB: (199, 210, 176); HEX: #356461, RGB: (53, 100, 97)

Simplified version of palette colors

Shade of steelblue, Shade of burlywood, Shade of darkolivegreen, Shade of sienna, Tint of lightgoldenrodyellow, Shade of darkslategrey

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Course garden hothouse ui design color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#348fc9	#348fc9	RGB(52, 143, 201)	Tufts Blue	—
#ecc88f	#ecc88f	RGB(236, 200, 143)	Gold (Crayola)	—
#6c6c24	#6c6c24	RGB(108, 108, 36)	Mustard Green	—
#966958	#966958	RGB(150, 105, 88)	Dark Chestnut	—
#c7d2b0	#c7d2b0	RGB(199, 210, 176)	Pale Silver	—
#356461	#356461	RGB(53, 100, 97)	Police Blue	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#348fc9	#6c6c24	1.55
#348fc9	#966958	1.32
#348fc9	#356461	1.88
#ecc88f	#c7d2b0	1
#6c6c24	#966958	1.17
#6c6c24	#356461	1.21

Image palette Course garden hothouse ui design png

Course garden hothouse ui design - #207195

--color-tufts-blue:	#348fc9;
--color-gold-crayola:	#ecc88f;
--color-mustard-green:	#6c6c24;
--color-dark-chestnut:	#966958;
--color-pale-silver:	#c7d2b0;
--color-police-blue:	#356461;

$color-tufts-blue:	#348fc9;
$color-gold-crayola:	#ecc88f;
$color-mustard-green:	#6c6c24;
$color-dark-chestnut:	#966958;
$color-pale-silver:	#c7d2b0;
$color-police-blue:	#356461;

@color-tufts-blue:	#348fc9;
@color-gold-crayola:	#ecc88f;
@color-mustard-green:	#6c6c24;
@color-dark-chestnut:	#966958;
@color-pale-silver:	#c7d2b0;
@color-police-blue:	#356461;