Back to palettes

Palette

Garden Gnome Wander

A whimsical mix of forest greens and vibrant purples, inviting playful exploration.

playfulplayful5 colors
More playful palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Garden Gnome Wander 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 Garden Gnome Wander.

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

Data visualization

#8FBC8F#6B8E23#DDA0DD#BA55D3#483D8B

Palette guide

How to use Garden Gnome Wander

Overview

The 'Garden Gnome Wander' palette is a whimsical blend of forest greens and vibrant purples, inviting playful exploration and fantasy. It features the soothing #8FBC8F (medium sea green) and earthy #6B8E23 (olive green), contrasted beautifully with the enchanting #DDA0DD (plum) and lively #BA55D3 (medium orchid). The deep #483D8B (dark slate blue) adds a touch of mystery and grounding. This palette is ideal for designers looking to create fantastical themes, engaging children's content, or quirky branding that sparks imagination. It's a vibrant journey through an enchanted garden, full of character and charm.

Best used for

  • Children's book illustrations and cover art
  • Fantasy-themed games and digital interfaces
  • Creative crafts and DIY project branding
  • Quirky and playful brand identities
  • Event decor for whimsical parties
  • Animated content and character design

Suggested color roles

primary

Use #BA55D3 (medium orchid) for main calls-to-action, headings, or elements requiring a vibrant, magical pop.

secondary

Apply #6B8E23 (olive green) for backgrounds, navigation, or to establish a natural, grounding base.

accent

Incorporate #DDA0DD (plum) for playful details, decorative elements, or secondary accents to add softness and whimsy.

background

Utilize #8FBC8F (medium sea green) as a light, airy background, or a neutral off-white to let the purples and greens shine.

text

Employ #483D8B (dark slate blue) or a deep charcoal for body text, ensuring good readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #DDA0DD or #8FBC8F as backgrounds for text; darker text is often required.
  • The rich #483D8B provides excellent contrast for text on lighter greens and purples in the palette.
  • Avoid placing light-colored text directly on #BA55D3 without verifying WCAG contrast ratios.
  • Consider using a stark white for text on the darkest colors like #483D8B for maximum legibility.

Recommended combinations

Enchanted Forest

Ideal for creating mystical scenes, playful character designs, or vibrant website headers.

#6B8E23 · #BA55D3 · #8FBC8F

Gnome's Secret

Perfect for adding depth and mystery to illustrations, or for sophisticated yet whimsical branding.

#DDA0DD · #483D8B · #8FBC8F

Playful Pop

Excellent for highlighting key information, interactive elements, or creating energetic visual branding.

#BA55D3 · #6B8E23 · #DDA0DD

CSS variables

:root {
  --garden-gnome-wander-1: #8FBC8F;
  --garden-gnome-wander-2: #6B8E23;
  --garden-gnome-wander-3: #DDA0DD;
  --garden-gnome-wander-4: #BA55D3;
  --garden-gnome-wander-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-gnome-wander": {
        1: "#8FBC8F",
        2: "#6B8E23",
        3: "#DDA0DD",
        4: "#BA55D3",
        5: "#483D8B",
      }
    }
  }
}

Related searches

whimsical garden color palettefantasy forest schemeplayful purple green designgnome theme colorsvibrant nature illustration

Palette colors

Hex values

Color 1#8FBC8F
·
Color 2#6B8E23
·
Color 3#DDA0DD
·
Color 4#BA55D3
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1:1Fail
1.8:1Fail
4.2:1AA18
2
1.8:1Fail
1.8:1Fail
1:1Fail
2.4:1Fail
3
1:1Fail
1.8:1Fail
1.9:1Fail
4.4:1AA18
4
1.8:1Fail
1:1Fail
1.9:1Fail
2.3:1Fail
5
4.2:1AA18
2.4:1Fail
4.4:1AA18
2.3:1Fail

Similar palettes

More like Garden Gnome Wander

View all playful
Gummy Bear Sweetness
Jelly Bean Carnival
Vintage Candy Shop
Candy Store Whimsy
Gumball Alley Joy
Sugary Confection Blend