What HEX colors are in the Aster Echo Sketch palette?

The Aster Echo Sketch palette uses #9425D0, #EA2E9F, #F4E134, #30A1B5. Its highest-contrast pair is 4.56:1.

Is the Aster Echo Sketch palette accessible for text?

Use #9425D0 on #EA2E9F for the strongest contrast. Always check the WCAG ratio before setting body copy.

#9425D0

#EA2E9F

#F4E134

#30A1B5

Aster Echo Sketch

Aster Echo Sketch is a cool soft contrast palette built with purple, violet pink, yellow, teal tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#9425D0

Purple

#EA2E9F

Violet pink

#F4E134

Yellow

#30A1B5

Teal

MoodPlayful moodBold color blocks with a nostalgic feel.

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

Main tonespurple, violet pink, yellowThe 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

Aster Echo sticker pack Purple pop art block Violet pink throwback banner Cool playlist cover Retro palettes Soft beauty colors

Pairing tips

Background

Use #30A1B5 for soft sections, cards, or open space.

Text and headings

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

Accent color

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

CSS variables

:root {
  --palette-color-1: #9425D0;
  --palette-color-2: #EA2E9F;
  --palette-color-3: #F4E134;
  --palette-color-4: #30A1B5;
}

Aster Echo Sketch 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
#9425D0	Dark Orchid	28 RGB pts	0.122	279°
#EA2E9F	Deep Pink	63 RGB pts	0.219	324°
#F4E134	Gold	94 RGB pts	0.733	54°
#30A1B5	Light Sea Green	45 RGB pts	0.295	189°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#9425D0 on #F4E134	4.56:1	AA	AAA
#EA2E9F on #F4E134	2.91:1	fail	fail
#F4E134 on #30A1B5	2.27:1	fail	fail
#9425D0 on #30A1B5	2.01:1	fail	fail
#9425D0 on #EA2E9F	1.57:1	fail	fail
#EA2E9F on #30A1B5	1.28:1	fail	fail

What this means in practice

Highest contrast: #9425D0 against #F4E134 at 4.56:1 — the safest pair here for body copy.
Lowest contrast: #EA2E9F against #30A1B5 at 1.28:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #9425D0 (Dark Orchid, luminance 0.122) — the natural choice for headings.
Lightest colour: #F4E134 (Gold, luminance 0.733) — best used for backgrounds.
Hue spread: 225° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #9425D0 on a #F4E134 background, and reserve #EA2E9F for borders, icons or accents.

FAQ

What type of palette is Aster Echo Sketch?

It is a cool soft contrast color palette with purple, violet pink, yellow, teal 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.