Back to palettes

Palette

Mystic Glade Light

The dappled light filtering through ancient trees into a hidden, mystical forest clearing.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Glade Light 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 Mystic Glade Light.

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

Data visualization

#70826C#2F4F4F#6D4C41#DAA520#A9A9A9

Palette guide

How to use Mystic Glade Light

Overview

The "Mystic Glade Light" palette captures the serene atmosphere of dappled light filtering through ancient trees into a hidden clearing. This earthy collection features grounding tones like the deep #2F4F4F and the organic #70826C, beautifully complemented by the rich, warm glow of #DAA520. The palette is balanced with a versatile #A9A9A9 and the rustic #6D4C41, creating a natural yet mystical feel. Ideal for designs that aim to evoke tranquility, warmth, and an authentic connection to nature, offering a sophisticated blend of forest greens, earthy browns, and a radiant golden accent.

Best used for

  • Eco-friendly and sustainable brand identities
  • Nature photography portfolios and websites
  • Rustic home decor and interior design concepts
  • Autumn-themed marketing materials and events
  • Outdoor adventure and wilderness-focused brands
  • Organic food packaging and natural product lines

Suggested color roles

primary

Utilize #2F4F4F as the foundational deep green, perfect for main headings, strong branding elements, or as a grounding background.

secondary

Employ #70826C for supporting content, subheadings, or larger illustrative areas, offering a softer, natural green.

accent

Apply #DAA520 for a vibrant pop of goldenrod, ideal for calls to action, highlights, or elements needing to draw immediate attention.

background

Use #A9A9A9 for a neutral, breathable background, or a lighter tint of #70826C to maintain an earthy feel while providing good contrast.

text

For optimal readability on light backgrounds, use #2F4F4F or #6D4C41. On darker backgrounds, a crisp white or very light grey provides clear contrast.

Accessibility notes

  • Ensure #DAA520 has sufficient contrast when used for text on #A9A9A9 or #70826C backgrounds; it may require larger font sizes.
  • Verify that #2F4F4F text on #A9A9A9 backgrounds meets WCAG AA standards for readability.
  • Avoid using #70826C or #A9A9A9 for small text against similar mid-tone backgrounds to prevent legibility issues.
  • Provide clear hover and focus states for interactive elements, ensuring they stand out.

Recommended combinations

Forest & Sunbeam

Excellent for a strong brand presence: deep base, neutral background, and a radiant golden accent for key messages.

#2F4F4F · #A9A9A9 · #DAA520

Earthy Harmony

Ideal for natural content blocks or illustrations, blending muted green with an earthy brown and a deep green anchor.

#70826C · #6D4C41 · #2F4F4F

Glade Path

Perfect for serene UI elements or subtle backgrounds, using a light grey base with a supportive green and a bright accent.

#A9A9A9 · #70826C · #DAA520

CSS variables

:root {
  --mystic-glade-light-1: #70826C;
  --mystic-glade-light-2: #2F4F4F;
  --mystic-glade-light-3: #6D4C41;
  --mystic-glade-light-4: #DAA520;
  --mystic-glade-light-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-glade-light": {
        1: "#70826C",
        2: "#2F4F4F",
        3: "#6D4C41",
        4: "#DAA520",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

earthy forest color palettemystical glade design colorsnature inspired brand identityrustic gold green websiteorganic product packaging colors

Palette colors

Hex values

Color 1#70826C
·
Color 2#2F4F4F
·
Color 3#6D4C41
·
Color 4#DAA520
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1.8:1Fail
1.8:1Fail
1.8:1Fail
2
2.2:1Fail
1.2:1Fail
4:1AA18
3.8:1AA18
3
1.8:1Fail
1.2:1Fail
3.4:1AA18
3.2:1AA18
4
1.8:1Fail
4:1AA18
3.4:1AA18
1.1:1Fail
5
1.8:1Fail
3.8:1AA18
3.2:1AA18
1.1:1Fail

Similar palettes

More like Mystic Glade Light

View all earth
Sylph's Woodland Veil
Emerald Moss Canopy
Enchanted Forest Glade
Enchanted Grove
Forest Fae Whisper
Mystic Forest Dweller