Typography reading concept web app hex colors

Moonstone
#3494bc
Dark Vanilla
#d8d39e
Metallic Seaweed
#148c8c
Crystal Blue
#6badb0
Pastel Blue
#aac8ce
Space Cadet
#283058

The palette consists of Light, Dark colors. Accent colors Dark Vanilla #d8d39e and Metallic Seaweed #148c8c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #283058 (darkest) to #AAC8CE (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 cool.

HEX codes (sorted): #148C8C, #283058, #3494BC, #6BADB0, #AAC8CE, #D8D39E

Palette Typography reading concept web app hex colors has combination of 6 codes colors:

HEX: #3494bc, RGB: (52, 148, 188); HEX: #d8d39e, RGB: (216, 211, 158); HEX: #148c8c, RGB: (20, 140, 140)

HEX: #6badb0, RGB: (107, 173, 176); HEX: #aac8ce, RGB: (170, 200, 206); HEX: #283058, RGB: (40, 48, 88)

Simplified version of palette colors

Shade of steelblue, Tint of palegoldenrod, Shade of darkcyan, Shade of cadetblue, Tint of lightblue, Shade of midnightblue

Color scheme was created by hex

More palettes with:

Colors codes in palette

Typography reading concept web app hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3494bc	#3494bc	RGB(52, 148, 188)	Moonstone	—
#d8d39e	#d8d39e	RGB(216, 211, 158)	Dark Vanilla	—
#148c8c	#148c8c	RGB(20, 140, 140)	Metallic Seaweed	—
#6badb0	#6badb0	RGB(107, 173, 176)	Crystal Blue	—
#aac8ce	#aac8ce	RGB(170, 200, 206)	Pastel Blue	—
#283058	#283058	RGB(40, 48, 88)	Space Cadet	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#3494bc	#148c8c	1.18
#3494bc	#6badb0	1.34
#3494bc	#aac8ce	1.94
#d8d39e	#6badb0	1.66
#d8d39e	#aac8ce	1.15
#148c8c	#6badb0	1.59

Image palette Typography reading concept web app hex colors png

Typography reading concept web app hex colors - #237117

--color-moonstone:	#3494bc;
--color-dark-vanilla:	#d8d39e;
--color-metallic-seaweed:	#148c8c;
--color-crystal-blue:	#6badb0;
--color-pastel-blue:	#aac8ce;
--color-space-cadet:	#283058;

$color-moonstone:	#3494bc;
$color-dark-vanilla:	#d8d39e;
$color-metallic-seaweed:	#148c8c;
$color-crystal-blue:	#6badb0;
$color-pastel-blue:	#aac8ce;
$color-space-cadet:	#283058;

@color-moonstone:	#3494bc;
@color-dark-vanilla:	#d8d39e;
@color-metallic-seaweed:	#148c8c;
@color-crystal-blue:	#6badb0;
@color-pastel-blue:	#aac8ce;
@color-space-cadet:	#283058;