What HEX colors are in the Ember Echo Moment palette?

The Ember Echo Moment palette uses #0D4C4F, #672CF2, #EEA0AB, #3EDF16. Its highest-contrast pair is 5.44:1.

Is the Ember Echo Moment palette accessible for text?

Use #0D4C4F on #672CF2 for the strongest contrast. Always check the WCAG ratio before setting body copy.

#0D4C4F

#672CF2

#EEA0AB

#3EDF16

Ember Echo Moment

Ember Echo Moment is a cool balanced contrast palette built with teal, purple, red, green tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#0D4C4F

Teal

#672CF2

Purple

#EEA0AB

Red

#3EDF16

Green

MoodOld-school toneColors inspired by print and vintage media.

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

Main tonesteal, purple, redThe strongest color families in this palette.

Best fitBold visualsPosters, album covers, and playful campaigns.

Related Palettes

0 Link Copy⬇ Image

Dahlia Meadow Daybreak

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Retro Nocturne Spectrum

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Nimbus Aura Flashback

0 Link Copy⬇ Image

Use this palette for

Ember Echo sticker pack Teal pop art block Purple throwback banner Cool playlist cover Retro palettes Cool Ember Echo tones

Pairing tips

Background

Use #3EDF16 for soft sections, cards, or open space.

Text and headings

Use #672CF2 or a deeper nearby shade for readable type.

Accent color

Use #EEA0AB for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #0D4C4F;
  --palette-color-2: #672CF2;
  --palette-color-3: #EEA0AB;
  --palette-color-4: #3EDF16;
}

Ember Echo Moment 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
#0D4C4F	Dark Slate Gray	48 RGB pts	0.058	183°
#672CF2	Blue Violet	57 RGB pts	0.111	258°
#EEA0AB	Light Pink	63 RGB pts	0.463	352°
#3EDF16	Lime Green	63 RGB pts	0.539	108°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#0D4C4F on #3EDF16	5.44:1	AA	AAA
#0D4C4F on #EEA0AB	4.74:1	AA	AAA
#672CF2 on #3EDF16	3.66:1	fail	AA
#672CF2 on #EEA0AB	3.18:1	fail	AA
#0D4C4F on #672CF2	1.49:1	fail	fail
#EEA0AB on #3EDF16	1.15:1	fail	fail

What this means in practice

Highest contrast: #0D4C4F against #3EDF16 at 5.44:1 — the safest pair here for body copy.
Lowest contrast: #EEA0AB against #3EDF16 at 1.15:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #0D4C4F (Dark Slate Gray, luminance 0.058) — the natural choice for headings.
Lightest colour: #3EDF16 (Lime Green, luminance 0.539) — best used for backgrounds.
Hue spread: 243° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #0D4C4F on a #3EDF16 background, and reserve #EEA0AB for borders, icons or accents.

FAQ

What type of palette is Ember Echo Moment?

It is a cool balanced contrast color palette with teal, purple, red, green 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.