What HEX colors are in the Maple Nest palette?

The Maple Nest palette uses #09090B, #FF007F, #00E5FF, #B8F500. Its highest-contrast pair is 15.25:1.

Is the Maple Nest palette accessible for text?

Use #09090B on #FF007F for the strongest contrast. Always check the WCAG ratio before setting body copy.

#09090B

#FF007F

#00E5FF

#B8F500

Maple Nest

Maple Nest is a cool balanced contrast palette built with black, pink, teal, lime tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#09090B

Black

#FF007F

Pink

#00E5FF

Teal

#B8F500

Lime

MoodNight glowBuilt for bold graphics and dark backgrounds.

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

Main tonesblack, pink, tealThe strongest color families in this palette.

Best fitEvent graphicsMusic, games, posters, and night visuals.

Related Palettes

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Aurora Whisper Daybreak

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Aurora Whisper Voyage

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

Use this palette for

Maple Nest club branding Black cyber flyer Pink music artwork Cool glow buttons Neon palettes Soft beauty colors

Pairing tips

Background

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

Text and headings

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

Accent color

Use #00E5FF for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #09090B;
  --palette-color-2: #FF007F;
  --palette-color-3: #00E5FF;
  --palette-color-4: #B8F500;
}

Maple Nest 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
#09090B	Black	29 RGB pts	0.003	240°
#FF007F	Deep Pink	53 RGB pts	0.228	330°
#00E5FF	Aqua	52 RGB pts	0.633	186°
#B8F500	Chartreuse	83 RGB pts	0.755	75°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#09090B on #B8F500	15.25:1	AAA	AAA
#09090B on #00E5FF	12.93:1	AAA	AAA
#09090B on #FF007F	5.27:1	AA	AAA
#FF007F on #B8F500	2.90:1	fail	fail
#FF007F on #00E5FF	2.46:1	fail	fail
#00E5FF on #B8F500	1.18:1	fail	fail

What this means in practice

Highest contrast: #09090B against #B8F500 at 15.25:1 — the safest pair here for body copy.
Lowest contrast: #00E5FF against #B8F500 at 1.18:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #09090B (Black, luminance 0.003) — the natural choice for headings.
Lightest colour: #B8F500 (Chartreuse, luminance 0.755) — best used for backgrounds.
Hue spread: 216° across 3 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #09090B on a #B8F500 background, and reserve #00E5FF for borders, icons or accents.

FAQ

What type of palette is Maple Nest?

It is a cool balanced contrast color palette with black, pink, teal, lime 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.