What HEX colors are in the Prism Petal Afterglow palette?

The Prism Petal Afterglow palette uses #51422C, #96914D, #85A76F, #E3DCCC. Its highest-contrast pair is 7.10:1.

Is the Prism Petal Afterglow palette accessible for text?

Use #51422C on #96914D for the strongest contrast. Always check the WCAG ratio before setting body copy.

#51422C

#96914D

#85A76F

#E3DCCC

Prism Petal Afterglow

Prism Petal Afterglow is a warm balanced contrast palette built with orange, yellow, green tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#51422C

Orange

#96914D

Yellow

#85A76F

Green

#E3DCCC

Orange

MoodClassic toneColors that fit heritage and editorial layouts.

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

Main tonesorange, yellow, greenThe strongest color families in this palette.

Best fitHeritage designPackaging, cafés, labels, and editorial pages.

Related Palettes

Dahlia Meadow Atelier

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Marble Canvas Gallery

0 Link Copy⬇ Image

Velvet Pulse Collection

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Indigo Current Edition

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Prism Petal antique mood Orange journal cover Yellow craft shop palette Warm coffee branding Vintage palettes Warm Prism Petal accents

Pairing tips

Background

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

Text and headings

Use #96914D or a deeper nearby shade for readable type.

Accent color

Use #85A76F for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #51422C;
  --palette-color-2: #96914D;
  --palette-color-3: #85A76F;
  --palette-color-4: #E3DCCC;
}

Prism Petal Afterglow 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
#51422C	Charcoal	72 RGB pts	0.058	36°
#96914D	Peru	85 RGB pts	0.273	56°
#85A76F	Sage	56 RGB pts	0.338	96°
#E3DCCC	Bone	7 RGB pts	0.719	42°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#51422C on #E3DCCC	7.10:1	AAA	AAA
#51422C on #85A76F	3.58:1	fail	AA
#51422C on #96914D	2.98:1	fail	fail
#96914D on #E3DCCC	2.38:1	fail	fail
#85A76F on #E3DCCC	1.98:1	fail	fail
#96914D on #85A76F	1.20:1	fail	fail

What this means in practice

Highest contrast: #51422C against #E3DCCC at 7.10:1 — the safest pair here for body copy.
Lowest contrast: #96914D against #85A76F at 1.20:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #51422C (Charcoal, luminance 0.058) — the natural choice for headings.
Lightest colour: #E3DCCC (Bone, luminance 0.719) — best used for backgrounds.
Hue spread: 61° across 4 of 4 colours, which makes this a split-complementary palette.
Text recommendation: set type in #51422C on a #E3DCCC background, and reserve #96914D for borders, icons or accents.

FAQ

What type of palette is Prism Petal Afterglow?

It is a warm balanced contrast color palette with orange, yellow, 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.