What HEX colors are in the Saffron Petal Season palette?

The Saffron Petal Season palette uses #4F1D0D, #8FF22C, #A0EAEE, #DF16DF. Its highest-contrast pair is 10.24:1.

Is the Saffron Petal Season palette accessible for text?

Use #4F1D0D on #8FF22C for the strongest contrast. Always check the WCAG ratio before setting body copy.

#4F1D0D

#8FF22C

#A0EAEE

#DF16DF

Saffron Petal Season

Saffron Petal Season is a cool balanced contrast palette built with orange red, green, teal, violet pink tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#4F1D0D

Orange red

#8FF22C

Green

#A0EAEE

Teal

#DF16DF

Violet pink

MoodAiry feelLight shades suited for backgrounds.

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

Main tonesorange red, green, tealThe strongest color families in this palette.

Best fitClean websitesApps, wellness pages, and soft backgrounds.

Related Palettes

0 Link Copy⬇ Image

Saffron Petal Harmony

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Lunar Light Afterglow

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Light Sapphire Meadow

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Saffron Petal simple UI kit Orange red clean website Green wellness layout Cool app background Light palettes Warm Saffron Petal accents

Pairing tips

Background

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

Text and headings

Use #8FF22C or a deeper nearby shade for readable type.

Accent color

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

CSS variables

:root {
  --palette-color-1: #4F1D0D;
  --palette-color-2: #8FF22C;
  --palette-color-3: #A0EAEE;
  --palette-color-4: #DF16DF;
}

Saffron Petal Season 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
#4F1D0D	Ink	78 RGB pts	0.026	15°
#8FF22C	Green Yellow	50 RGB pts	0.695	90°
#A0EAEE	Pale Turquoise	23 RGB pts	0.725	183°
#DF16DF	Fuchsia	84 RGB pts	0.216	300°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#4F1D0D on #A0EAEE	10.24:1	AAA	AAA
#4F1D0D on #8FF22C	9.84:1	AAA	AAA
#4F1D0D on #DF16DF	3.51:1	fail	AA
#A0EAEE on #DF16DF	2.91:1	fail	fail
#8FF22C on #DF16DF	2.80:1	fail	fail
#8FF22C on #A0EAEE	1.04:1	fail	fail

What this means in practice

Highest contrast: #4F1D0D against #A0EAEE at 10.24:1 — the safest pair here for body copy.
Lowest contrast: #8FF22C against #A0EAEE at 1.04:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #4F1D0D (Ink, luminance 0.026) — the natural choice for headings.
Lightest colour: #A0EAEE (Pale Turquoise, luminance 0.725) — best used for backgrounds.
Hue spread: 243° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #4F1D0D on a #A0EAEE background, and reserve #8FF22C for borders, icons or accents.

FAQ

What type of palette is Saffron Petal Season?

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