Website ui clock gadgets palette

Atomic Tangerine
#fb9c64
Atomic Tangerine
#fa9c6c
Chocolate Cosmos
#641123
Crystal Blue
#5facb8
Pale Silver
#d6c6ba
Van Dyke Brown
#5c3b2c

The palette consists of Light, Dark colors. Accent colors Atomic Tangerine #fb9c64 and Crystal Blue #5facb8. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #641123 (darkest) to #D6C6BA (lightest). The lightness range is wide.

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): #5C3B2C, #5FACB8, #641123, #D6C6BA, #FA9C6C, #FB9C64

Palette Website ui clock gadgets palette has combination of 6 codes colors:

HEX: #fb9c64, RGB: (251, 156, 100); HEX: #fa9c6c, RGB: (250, 156, 108); HEX: #641123, RGB: (100, 17, 35)

HEX: #5facb8, RGB: (95, 172, 184); HEX: #d6c6ba, RGB: (214, 198, 186); HEX: #5c3b2c, RGB: (92, 59, 44)

Simplified version of palette colors

Tint of lightsalmon, Tint of lightsalmon, Shade of Maroon, Shade of cadetblue, Shade of Silver, Tint of saddlebrown

Color scheme was created by bad_colors

More palettes with:

Colors codes in palette

Website ui clock gadgets palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fb9c64	#fb9c64	RGB(251, 156, 100)	Atomic Tangerine	—
#fa9c6c	#fa9c6c	RGB(250, 156, 108)	Atomic Tangerine	—
#641123	#641123	RGB(100, 17, 35)	Chocolate Cosmos	—
#5facb8	#5facb8	RGB(95, 172, 184)	Crystal Blue	—
#d6c6ba	#d6c6ba	RGB(214, 198, 186)	Pale Silver	—
#5c3b2c	#5c3b2c	RGB(92, 59, 44)	Van Dyke Brown	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#fb9c64	#fa9c6c	1
#fb9c64	#5facb8	1.24
#fb9c64	#d6c6ba	1.25
#fa9c6c	#5facb8	1.24
#fa9c6c	#d6c6ba	1.25
#641123	#5c3b2c	1.28

--color-atomic-tangerine:	#fb9c64;
--color-atomic-tangerine:	#fa9c6c;
--color-chocolate-cosmos:	#641123;
--color-crystal-blue:	#5facb8;
--color-pale-silver:	#d6c6ba;
--color-van-dyke-brown:	#5c3b2c;

$color-atomic-tangerine:	#fb9c64;
$color-atomic-tangerine:	#fa9c6c;
$color-chocolate-cosmos:	#641123;
$color-crystal-blue:	#5facb8;
$color-pale-silver:	#d6c6ba;
$color-van-dyke-brown:	#5c3b2c;

@color-atomic-tangerine:	#fb9c64;
@color-atomic-tangerine:	#fa9c6c;
@color-chocolate-cosmos:	#641123;
@color-crystal-blue:	#5facb8;
@color-pale-silver:	#d6c6ba;
@color-van-dyke-brown:	#5c3b2c;

Website ui clock gadgets palette

Colors codes in palette

Color Palette Contrast

Image palette Website ui clock gadgets palette png