Palette

Faerie Glow Thicket

A whimsical palette suggesting a hidden thicket where magic lingers and ethereal light glows softly.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faerie Glow Thicket reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Faerie Glow Thicket.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5F9EA0#ADD8E6#DDA0DD#ADFF2F#B0E0E6

Palette guide

How to use Faerie Glow Thicket

Overview

The Faerie Glow Thicket palette conjures an enchanting, ethereal world, perfect for designs seeking a touch of whimsical magic. Dominated by soft, cool tones, it features the serene Cadet Blue (#5F9EA0) and the airy Light Blue (#ADD8E6), balanced by the delicate Plum (#DDA0DD). A vibrant splash of Green Yellow (#ADFF2F) adds a playful, natural glow, reminiscent of hidden forest light, while Powder Blue (#B0E0E6) reinforces the light, dreamy atmosphere. This collection is ideal for creating designs that feel light, mystical, and inviting, offering a harmonious blend of fantasy and gentle sophistication for various digital and print applications.

Best used for

Fantasy game UI/UX
Children's book illustrations
Ethereal brand identities
Nature-inspired web designs
Whimsical event invitations
Artistic portfolio websites

Suggested color roles

primary

Cadet Blue (#5F9EA0) serves as a grounding yet soft primary, excellent for headers, main content sections, or a brand's core identity.

secondary

Light Blue (#ADD8E6) is ideal for subheadings, background elements, or supporting visual areas, offering a sense of lightness and openness.

accent

Green Yellow (#ADFF2F) should be used sparingly for call-to-action buttons, interactive elements, or focal points that require a vibrant, playful pop.

background

Powder Blue (#B0E0E6) provides a very light, airy base for content, creating a dreamy and open feel perfect for ethereal themes.

text

Plum (#DDA0DD) can function as a unique, softer alternative to traditional dark text, suitable for larger display text or decorative elements. For body text, consider a dark charcoal or black for optimal readability.

Accessibility notes

Ensure sufficient contrast between Green Yellow (#ADFF2F) and lighter backgrounds like Powder Blue (#B0E0E6) when used for text.
Plum (#DDA0DD) may lack sufficient contrast against Light Blue (#ADD8E6) or Powder Blue (#B0E0E6) for small text; always test carefully.
For main body text, use a darker neutral like charcoal or black to guarantee maximum readability, especially against the lighter blues.
Reserve vibrant accents like Green Yellow (#ADFF2F) for larger graphical elements or non-critical text to prevent accessibility issues.

Recommended combinations

Enchanted Forest

Ideal for nature-themed logos or illustrations, where #5F9EA0 provides depth, #ADFF2F highlights natural elements, and #DDA0DD adds a mystical touch.

#5F9EA0 · #ADFF2F · #DDA0DD

Dreamy Sky

Perfect for serene backgrounds, UI elements, or gradients, creating an airy, open, and tranquil atmosphere reminiscent of a clear sky.

#ADD8E6 · #B0E0E6 · #5F9EA0

Mystic Bloom

Great for playful branding or digital art, using #DDA0DD as a soft base, #ADFF2F for vibrant details, and #ADD8E6 for gentle contrast and highlight.

#DDA0DD · #ADFF2F · #ADD8E6

CSS variables

:root {
  --faerie-glow-thicket-1: #5F9EA0;
  --faerie-glow-thicket-2: #ADD8E6;
  --faerie-glow-thicket-3: #DDA0DD;
  --faerie-glow-thicket-4: #ADFF2F;
  --faerie-glow-thicket-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faerie-glow-thicket": {
        1: "#5F9EA0",
        2: "#ADD8E6",
        3: "#DDA0DD",
        4: "#ADFF2F",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#5F9EA0

Color 2#ADD8E6

Color 3#DDA0DD

Color 4#ADFF2F

Color 5#B0E0E6

Accessibility

Contrast checker

2:1Fail

1.5:1Fail

2.5:1Fail

2.1:1Fail

2:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.4:1Fail

1.7:1Fail

1.4:1Fail

2.5:1Fail

1.2:1Fail

1.7:1Fail

1.2:1Fail

2.1:1Fail

1.1:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Faerie Glow Thicket

Faerie Glow Thicket

See it in context.

Ready when you are.

Built with Faerie Glow Thicket.

How to use Faerie Glow Thicket

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Enchanted Forest

Dreamy Sky

Mystic Bloom

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Faerie Glow Thicket