Back to palettes

Palette

Twilight Garden Whisper

Deep indigos and gentle lilacs capture the mystical beauty of a garden as twilight descends.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Twilight Garden Whisper 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 Twilight Garden Whisper.

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

Data visualization

#311B92#5E35B1#9575CD#EDE7F6#B388FF

Palette guide

How to use Twilight Garden Whisper

Overview

The "Twilight Garden Whisper" palette offers a captivating journey from deep indigos to gentle lilacs, ideal for designers and developers seeking a mystical, serene, and elegant aesthetic. Anchored by the profound #311B92 and illuminated by the delicate #EDE7F6, this collection beautifully captures the tranquil beauty of a garden at twilight. The vibrant #B388FF serves as an excellent accent, while #5E35B1 and #9575CD provide versatile mid-tones for seamless transitions. This palette is perfect for creating sophisticated UIs, enchanting branding, or atmospheric digital content that requires depth, mystery, and a touch of ethereal charm.

Best used for

  • Luxury spiritual or wellness brands
  • Creative portfolio websites
  • High-end event invitations
  • Fantasy novel covers or related websites
  • Exclusive membership platforms
  • Artistic digital installations

Suggested color roles

primary

#311B92 - A deep, commanding indigo, perfect for dominant backgrounds, headers, or brand elements, conveying authority and depth.

secondary

#5E35B1 - A rich purple, suitable for secondary content blocks, navigation, or prominent interactive elements.

accent

#B388FF - A vibrant, clear lilac, excellent for call-to-action buttons, key highlights, or interactive states, adding a pop of energy.

background

#EDE7F6 - A very light, almost white lavender, providing a clean, serene, and highly readable canvas for content.

text

#311B92 - The darkest shade, offering superb contrast for primary body text against light backgrounds like #EDE7F6.

Accessibility notes

  • Ensure #311B92 text on #EDE7F6 has excellent contrast for WCAG AA compliance.
  • Use #B388FF for text sparingly and check contrast carefully, especially on mid-tones like #9575CD.
  • For interactive elements, ensure distinct visual feedback for hover and active states.
  • Consider a darker charcoal text (e.g., #333333) for small legal text on the lightest background if the indigo feels too strong.

Recommended combinations

Deep Serenity

Immersive dark backgrounds with layered content and crisp, light text for readability.

#311B92 · #5E35B1 · #EDE7F6

Vibrant Accent

Light content panels with a striking accent color and strong, dark primary text.

#EDE7F6 · #B388FF · #311B92

Gradient UI

Layered UI components from cards to buttons, creating a smooth, purple-toned hierarchy.

#5E35B1 · #9575CD · #B388FF

CSS variables

:root {
  --twilight-garden-whisper-1: #311B92;
  --twilight-garden-whisper-2: #5E35B1;
  --twilight-garden-whisper-3: #9575CD;
  --twilight-garden-whisper-4: #EDE7F6;
  --twilight-garden-whisper-5: #B388FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-garden-whisper": {
        1: "#311B92",
        2: "#5E35B1",
        3: "#9575CD",
        4: "#EDE7F6",
        5: "#B388FF",
      }
    }
  }
}

Related searches

deep indigo lilac palettemystical twilight gardenserene purple ui colorselegant calm brandingpurple accent web design

Palette colors

Hex values

Color 1#311B92
·
Color 2#5E35B1
·
Color 3#9575CD
·
Color 4#EDE7F6
·
Color 5#B388FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.4:1AA18
10.2:1AAA
4.6:1AA
2
1.5:1Fail
2.2:1Fail
6.6:1AA
3:1AA18
3
3.4:1AA18
2.2:1Fail
3:1AA18
1.4:1Fail
4
10.2:1AAA
6.6:1AA
3:1AA18
2.2:1Fail
5
4.6:1AA
3:1AA18
1.4:1Fail
2.2:1Fail

Similar palettes

More like Twilight Garden Whisper

View all Cool
Lavender Twilight Field
Frosty Morning Chill
Alpine Lake Dawn
Arctic Glacier Melt
Azure Bay Retreat
Celestial Dust Swirl