Back to palettes

Palette

Enchanted Garden Mist

Muted, cool greens and soft, misty whites evoke the gentle, serene atmosphere of a secret garden veiled in morning fog.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A8D6C#93B495#BBDCC0#E4F1E8#A4C4A6

Palette guide

How to use Enchanted Garden Mist

Overview

The Enchanted Garden Mist palette evokes the gentle, serene atmosphere of a secret garden veiled in morning fog. Its muted, cool greens and soft, misty whites, from the grounding #6A8D6C to the ethereal #E4F1E8, offer a delicate and calming visual experience. This palette is an excellent choice for designers and developers crafting wellness apps, delicate stationery, or subtle branding. The harmonious blend of gentle tones creates a sense of peace, understated beauty, and quiet enchantment, perfect for projects seeking a soft and inviting aesthetic.

Best used for

  • Calm wellness and meditation apps
  • Delicate stationery and invitations
  • Subtle and elegant branding
  • Wedding aesthetics and decor
  • Serene interior design concepts
  • Morning ritual product packaging

Suggested color roles

primary

Use #6A8D6C as a deep, misty green primary for headers, main sections, or dominant branding elements.

secondary

Apply #93B495 for supportive cool green elements, larger content blocks, or backgrounds with a soft feel.

accent

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

background

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

text

Pair #6A8D6C or a dark charcoal for primary text on light backgrounds like #E4F1E8. White text works well on #6A8D6C.

Accessibility notes

  • Ensure sufficient contrast for text on #E4F1E8; darker colors like #6A8D6C are highly recommended.
  • Avoid using light text on any color in this palette, as most are too light for good contrast.
  • The combination of #BBDCC0 and #E4F1E8 may be too low contrast for text; use for decorative elements.
  • All colors are relatively light, so consistently use dark text for best accessibility and readability.

Recommended combinations

Misty Layers

Ideal for a primary layout, balancing deeper misty green with ethereal lighter tones for backgrounds.

#6A8D6C · #BBDCC0 · #E4F1E8

Gentle Glow

Create harmonious layers for content blocks or illustrations, evoking soft, diffused light.

#A4C4A6 · #93B495 · #BBDCC0

Serene Blend

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

#E4F1E8 · #6A8D6C · #A4C4A6

CSS variables

:root {
  --enchanted-garden-mist-1: #6A8D6C;
  --enchanted-garden-mist-2: #93B495;
  --enchanted-garden-mist-3: #BBDCC0;
  --enchanted-garden-mist-4: #E4F1E8;
  --enchanted-garden-mist-5: #A4C4A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-garden-mist": {
        1: "#6A8D6C",
        2: "#93B495",
        3: "#BBDCC0",
        4: "#E4F1E8",
        5: "#A4C4A6",
      }
    }
  }
}

Related searches

misty green color paletteserene garden colorssoft cool greensethereal branding designcalm wedding scheme

Palette colors

Hex values

Color 1#6A8D6C
·
Color 2#93B495
·
Color 3#BBDCC0
·
Color 4#E4F1E8
·
Color 5#A4C4A6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.2:1AA18
2:1Fail
2
1.6:1Fail
1.5:1Fail
2:1Fail
1.2:1Fail
3
2.5:1Fail
1.5:1Fail
1.3:1Fail
1.3:1Fail
4
3.2:1AA18
2:1Fail
1.3:1Fail
1.6:1Fail
5
2:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Enchanted Garden Mist

View all cool
Coastal Fog Drift
Enchanted Grove Mist
Ethereal Forest Mist
Ethereal Mist Veil
Eucalyptus Haze
Foggy Pine Woods