Notification admin design system dashboard colours

Vegas Gold
#c8a860
Dark Vanilla
#dcc99c
Dark Brown
#624e22
Gray
#848482
Black Shadows
#bcb4b4
Japanese Indigo
#2c3c44

The palette consists of Light colors. Accent colors Vegas Gold #c8a860 and Japanese Indigo #2c3c44. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #2C3C44 (darkest) to #DCC99C (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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): #2C3C44, #624E22, #848482, #BCB4B4, #C8A860, #DCC99C

Palette Notification admin design system dashboard colours has combination of 6 codes colors:

HEX: #c8a860, RGB: (200, 168, 96); HEX: #dcc99c, RGB: (220, 201, 156); HEX: #624e22, RGB: (98, 78, 34)

HEX: #848482, RGB: (132, 132, 130); HEX: #bcb4b4, RGB: (188, 180, 180); HEX: #2c3c44, RGB: (44, 60, 68)

Simplified version of palette colors

Tint of burlywood, Tint of wheat, Tint of saddlebrown, Shade of Grey, Tint of Silver, Tint of darkslategrey

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Notification admin design system dashboard colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#c8a860	#c8a860	RGB(200, 168, 96)	Vegas Gold	—
#dcc99c	#dcc99c	RGB(220, 201, 156)	Dark Vanilla	—
#624e22	#624e22	RGB(98, 78, 34)	Dark Brown	—
#848482	#848482	RGB(132, 132, 130)	Gray	Old Silver
#bcb4b4	#bcb4b4	RGB(188, 180, 180)	Black Shadows	—
#2c3c44	#2c3c44	RGB(44, 60, 68)	Japanese Indigo	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#c8a860	#dcc99c	1.39
#c8a860	#848482	1.64
#c8a860	#bcb4b4	1.11
#dcc99c	#bcb4b4	1.24
#624e22	#2c3c44	1.43
#848482	#bcb4b4	1.84

Image palette Notification admin design system dashboard colours png

Notification admin design system dashboard colours - #192068

--color-vegas-gold:	#c8a860;
--color-dark-vanilla:	#dcc99c;
--color-dark-brown:	#624e22;
--color-gray:	#848482;
--color-black-shadows:	#bcb4b4;
--color-japanese-indigo:	#2c3c44;

$color-vegas-gold:	#c8a860;
$color-dark-vanilla:	#dcc99c;
$color-dark-brown:	#624e22;
$color-gray:	#848482;
$color-black-shadows:	#bcb4b4;
$color-japanese-indigo:	#2c3c44;

@color-vegas-gold:	#c8a860;
@color-dark-vanilla:	#dcc99c;
@color-dark-brown:	#624e22;
@color-gray:	#848482;
@color-black-shadows:	#bcb4b4;
@color-japanese-indigo:	#2c3c44;