What HEX colors are in the Ember Mist Spectrum palette?

The Ember Mist Spectrum palette uses #EEB53A, #A2F33F, #2CDDC8, #864FEE. Its highest-contrast pair is 3.53:1.

Is the Ember Mist Spectrum palette accessible for text?

Use #EEB53A on #A2F33F for the strongest contrast. Always check the WCAG ratio before setting body copy.

#EEB53A

#A2F33F

#2CDDC8

#864FEE

Ember Mist Spectrum

Ember Mist Spectrum is a cool soft contrast palette built with orange, lime, mint, purple tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#EEB53A

Orange

#A2F33F

Lime

#2CDDC8

Mint

#864FEE

Purple

MoodOld-school toneColors inspired by print and vintage media.

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

Main tonesorange, lime, mintThe 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

0 Link Copy⬇ Image

Retro Nocturne Spectrum

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Ember Mist pop art block Orange throwback banner Lime playlist cover Cool orange accent Retro palettes Warm Ember Mist accents

Pairing tips

Background

Use #864FEE for soft sections, cards, or open space.

Text and headings

Use #A2F33F or a deeper nearby shade for readable type.

Accent color

Use #2CDDC8 for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #EEB53A;
  --palette-color-2: #A2F33F;
  --palette-color-3: #2CDDC8;
  --palette-color-4: #864FEE;
}

Ember Mist Spectrum 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
#EEB53A	Golden Rod	62 RGB pts	0.515	41°
#A2F33F	Green Yellow	40 RGB pts	0.721	87°
#2CDDC8	Turquoise	32 RGB pts	0.564	173°
#864FEE	Medium Slate Blue	52 RGB pts	0.168	261°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#A2F33F on #864FEE	3.53:1	fail	AA
#2CDDC8 on #864FEE	2.81:1	fail	fail
#EEB53A on #864FEE	2.59:1	fail	fail
#EEB53A on #A2F33F	1.36:1	fail	fail
#A2F33F on #2CDDC8	1.26:1	fail	fail
#EEB53A on #2CDDC8	1.09:1	fail	fail

What this means in practice

Highest contrast: #A2F33F against #864FEE at 3.53:1 — the safest pair here for body copy.
Lowest contrast: #EEB53A against #2CDDC8 at 1.09:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #864FEE (Medium Slate Blue, luminance 0.168) — the natural choice for headings.
Lightest colour: #A2F33F (Green Yellow, luminance 0.721) — best used for backgrounds.
Hue spread: 220° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #A2F33F on a #864FEE background, and reserve #EEB53A for borders, icons or accents.

FAQ

What type of palette is Ember Mist Spectrum?

It is a cool soft contrast color palette with orange, lime, mint, purple 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.