Back to palettes

Palette

Enchanted Garden Gate

A soothing palette of soft greens and neutrals, hinting at the gentle beauty of a peaceful, enchanted garden.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Garden Gate 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 Enchanted Garden Gate.

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

Data visualization

#52675A#7A8F7F#A2B7A7#C7DBCB#E1EDDD

Palette guide

How to use Enchanted Garden Gate

Overview

The Enchanted Garden Gate palette is a soothing collection of soft greens and neutrals, hinting at the gentle beauty of a peaceful, enchanted garden. With hues like the deep #52675A, the inviting #A2B7A7, and the airy #E1EDDD, this palette evokes tranquility and natural elegance. It's an excellent choice for designers and developers crafting spa and wellness branding, botanical themes, or serene home decor. The harmonious blend of muted tones creates a calm and inviting visual experience, perfect for conveying peace and natural charm.

Best used for

  • Spa and wellness branding
  • Botanical and garden-themed designs
  • Serene home decor and interiors
  • Wedding invitations and stationery
  • Gentle lifestyle blogs and content
  • Sustainable fashion branding

Suggested color roles

primary

Use #52675A as a deep, grounding primary color for headers, main sections, or dominant branding elements.

secondary

Apply #7A8F7F for supportive muted green elements, larger content blocks, or backgrounds with a soft feel.

accent

Introduce #A2B7A7 as a soft, inviting highlight for interactive elements, subtle details, or calls-to-action.

background

Utilize #E1EDDD for clean, airy backgrounds, providing a light and fresh canvas for content.

text

Pair #52675A or a dark charcoal for primary text on light backgrounds like #E1EDDD. White text works well on #52675A.

Accessibility notes

  • Ensure sufficient contrast for text on #E1EDDD; darker colors like #52675A are highly recommended.
  • White text provides excellent readability on #52675A and #7A8F7F for headings and important information.
  • Avoid using #A2B7A7 for small text on #C7DBCB as contrast may be too low for accessibility.
  • All colors are relatively close in value, so carefully choose pairings to ensure enough contrast for visual hierarchy.

Recommended combinations

Garden Tranquility

Ideal for a primary layout, balancing deep green with inviting mid-tones and a fresh, airy background.

#52675A · #A2B7A7 · #E1EDDD

Soft Transition

Create harmonious layers for content blocks or illustrations, evoking subtle shifts in garden light.

#7A8F7F · #C7DBCB · #A2B7A7

Inviting Entrance

Use the lightest tone as a background, with the deepest green for text, and a mid-tone for accents.

#E1EDDD · #52675A · #C7DBCB

CSS variables

:root {
  --enchanted-garden-gate-1: #52675A;
  --enchanted-garden-gate-2: #7A8F7F;
  --enchanted-garden-gate-3: #A2B7A7;
  --enchanted-garden-gate-4: #C7DBCB;
  --enchanted-garden-gate-5: #E1EDDD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-garden-gate": {
        1: "#52675A",
        2: "#7A8F7F",
        3: "#A2B7A7",
        4: "#C7DBCB",
        5: "#E1EDDD",
      }
    }
  }
}

Related searches

enchanted garden color palettesoft green neutralstranquil nature brandingserene design schemebotanical wedding colors

Palette colors

Hex values

Color 1#52675A
·
Color 2#7A8F7F
·
Color 3#A2B7A7
·
Color 4#C7DBCB
·
Color 5#E1EDDD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.9:1Fail
4.2:1AA18
5:1AA
2
1.8:1Fail
1.6:1Fail
2.4:1Fail
2.9:1Fail
3
2.9:1Fail
1.6:1Fail
1.5:1Fail
1.8:1Fail
4
4.2:1AA18
2.4:1Fail
1.5:1Fail
1.2:1Fail
5
5:1AA
2.9:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Enchanted Garden Gate

View all earth
Garden Gate Ivy
Matcha Tea Ceremony
Matcha Tea Garden
Zen Garden Serene
Bamboo Grove Mist
Dune Seagrass Drift