PalettesMystic Garden

Palette

Mystic Garden

Dusky lilacs and garden greens entwine through mysterious twilight and grounding earth shadows.

Color analysis

Palette profile

This 5-color palette is cool-led with a muted character and moderate tonal range. Its internal colors provide 5 pairs at or above the 4.5:1 contrast target for normal text.

Temperature

Cool-led

Color character

Muted

Lightness span

58%

Accessible pairs

5 / 10

Colors

Gray BFC3BA#BFC3BAA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(191, 195, 186)HSLhsl(86.7, 7%, 74.7%)CMYKcmyk(2.1%, 0%, 4.6%, 23.5%)LABlab(78.26, -3.03, 4.03)

Gray A9ACA9#A9ACA9A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(169, 172, 169)HSLhsl(120, 1.8%, 66.9%)CMYKcmyk(1.7%, 0%, 1.7%, 32.5%)LABlab(70.04, -1.63, 1.17)

Pink 60495A#60495AA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(96, 73, 90)HSLhsl(315.7, 13.6%, 33.1%)CMYKcmyk(0%, 24%, 6.2%, 62.4%)LABlab(33.96, 12.98, -6.26)

Violet 3F3244#3F3244A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(63, 50, 68)HSLhsl(283.3, 15.3%, 23.1%)CMYKcmyk(7.4%, 26.5%, 0%, 73.3%)LABlab(22.85, 9.8, -9)

Violet 2F2235#2F2235A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(47, 34, 53)HSLhsl(281.1, 21.8%, 17.1%)CMYKcmyk(11.3%, 35.8%, 0%, 79.2%)LABlab(15.52, 10.57, -10.02)

Meaning

Winter

Psychology

BalanceNeutralityDepthAuthorityFreshnessSimplicity

Usage

Seasonal UI ThemesPromo Layouts

Gray BFC3BA

#BFC3BA

Black text

11.73:1AAA

White text

1.79:1Fail

Support

Gray A9ACA9

#A9ACA9

Black text

9.16:1AAA

White text

2.29:1Fail

Support

Pink 60495A

#60495A

Black text

2.60:1Fail

White text

8.08:1AAA

Support

Violet 3F3244

#3F3244

Black text

1.75:1Fail

White text

11.99:1AAA

Anchor · Accent

Violet 2F2235

#2F2235

Black text

1.40:1Fail

White text

14.99:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#2F2235 on #BFC3BA8.37:1 · AAA

Sample text

#3F3244 on #BFC3BA6.70:1 · AA

Sample text

#2F2235 on #A9ACA96.54:1 · AA

Sample text

#3F3244 on #A9ACA95.23:1 · AA

Sample text

#60495A on #BFC3BA4.52:1 · AA

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #BFC3BA;
  --palette-2: #A9ACA9;
  --palette-3: #60495A;
  --palette-4: #3F3244;
  --palette-5: #2F2235;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.