What HEX colors are in the Dark Echo Dream palette?

The Dark Echo Dream palette uses #1B263B, #415A77, #778DA9, #E0E1DD. Its highest-contrast pair is 11.52:1.

Is the Dark Echo Dream palette accessible for text?

Use #1B263B on #415A77 for the strongest contrast. Always check the WCAG ratio before setting body copy.

#1B263B

#415A77

#778DA9

#E0E1DD

Dark Echo Dream

Dark Echo Dream is a cool high contrast palette built with blue, light grey tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#1B263B

Blue

#415A77

Blue

#778DA9

Blue

#E0E1DD

Light grey

MoodStrong baseBuilt for contrast and focused viewing.

ContrastHigh contrastHelps decide how to use text, buttons, and backgrounds.

Main tonesblue, light greyThe strongest color families in this palette.

Best fitDark interfacesPortfolios, dashboards, and cinematic pages.

Related Palettes

Dahlia Meadow Palette

0 Link Copy⬇ Image

Aurora Whisper Fountain

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Citrine Flare Archive

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Bright Winter Journal

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Dark Echo cinematic poster Blue dashboard theme Light grey night mood board Cool deep contrast Dark palettes Cool Dark Echo tones

Pairing tips

Background

Use #E0E1DD for soft sections, cards, or open space.

Text and headings

Use #415A77 or a deeper nearby shade for readable type.

Accent color

Use #778DA9 for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #1B263B;
  --palette-color-2: #415A77;
  --palette-color-3: #778DA9;
  --palette-color-4: #E0E1DD;
}

Dark Echo Dream colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

Swatch	Closest named colour	Match	Luminance	Hue
#1B263B	Ink	60 RGB pts	0.019	219°
#415A77	Slate	31 RGB pts	0.098	212°
#778DA9	Light Slate Gray	29 RGB pts	0.258	214°
#E0E1DD	Gainsboro	12 RGB pts	0.749	75°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#1B263B on #E0E1DD	11.52:1	AAA	AAA
#415A77 on #E0E1DD	5.41:1	AA	AAA
#1B263B on #778DA9	4.45:1	fail	AA
#778DA9 on #E0E1DD	2.59:1	fail	fail
#1B263B on #415A77	2.13:1	fail	fail
#415A77 on #778DA9	2.09:1	fail	fail

What this means in practice

Highest contrast: #1B263B against #E0E1DD at 11.52:1 — the safest pair here for body copy.
Lowest contrast: #415A77 against #778DA9 at 2.09:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #1B263B (Ink, luminance 0.019) — the natural choice for headings.
Lightest colour: #E0E1DD (Gainsboro, luminance 0.749) — best used for backgrounds.
Hue spread: 7° across 3 of 4 colours, which makes this a near-monochrome palette.
Text recommendation: set type in #1B263B on a #E0E1DD background, and reserve #415A77 for borders, icons or accents.

FAQ

What type of palette is Dark Echo Dream?

It is a cool high contrast color palette with blue, light grey tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.