Palette

Deep Forest Murmur

A deep and mysterious palette capturing the enigmatic whispers of a dense forest as night falls.

DarkDark5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Murmur 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 Deep Forest Murmur.

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

Data visualization

#1A237E#283593#3F51B5#673AB7#4CAF50

Palette guide

How to use Deep Forest Murmur

Overview

The 'Deep Forest Murmur' palette evokes a sense of profound mystery and sophisticated depth, blending rich blues and purples with a surprising pop of green. Anchored by the deep indigo of #1A237E and supported by the vibrant sapphire of #283593, this palette introduces a regal touch with the vibrant violet of #673AB7. A striking emerald green, #4CAF50, acts as a captivating accent, preventing the scheme from becoming too somber. Designers and developers can leverage this palette for projects requiring a luxurious, enigmatic, and visually engaging aesthetic, offering a unique alternative to traditional dark themes.

Best used for

Luxury brand identity and packaging
High-end website and app UI/UX
Digital art and illustration
Event branding for sophisticated gatherings
Fashion and accessory design
Editorial design with a mysterious mood

Suggested color roles

primary

#1A237E serves as a deep, stable foundation, perfect for main backgrounds or large graphical elements.

secondary

#283593 offers a slightly brighter, yet still profound, supporting blue for navigation or secondary content blocks.

accent

#4CAF50 provides a crucial, vibrant contrast, ideal for call-to-action buttons, icons, or focal points.

background

Use #1A237E or #283593 for immersive, dark backgrounds that exude depth and sophistication.

text

Pair with crisp white or a very light gray for optimal readability against the dark primary and secondary colors. For #3F51B5, consider a darker charcoal if the background is light.

Accessibility notes

Ensure sufficient contrast when using lighter blues like #3F51B5 for text, ideally with white or very dark text.
The vibrant green #4CAF50 provides excellent contrast against #1A237E and #283593 for accessible accents.
Avoid using #3F51B5 as a primary text color on dark backgrounds without careful contrast checks (WCAG AA minimum).
Maintain a consistent light text color (e.g., white) for all darker backgrounds to ensure universal readability.

Recommended combinations

Deep Elegance

Creates a rich, sophisticated base with a touch of royal purple, suitable for branding and main interfaces.

#1A237E · #283593 · #673AB7

Mystic Accent

Highlights the vibrant green against deep blue and a lighter blue for dynamic, eye-catching elements.

#1A237E · #4CAF50 · #3F51B5

Twilight Glow

A more energetic trio, combining sapphire with violet and emerald for engaging visual interest in headers or hero sections.

#283593 · #673AB7 · #4CAF50

CSS variables

:root {
  --deep-forest-murmur-1: #1A237E;
  --deep-forest-murmur-2: #283593;
  --deep-forest-murmur-3: #3F51B5;
  --deep-forest-murmur-4: #673AB7;
  --deep-forest-murmur-5: #4CAF50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-murmur": {
        1: "#1A237E",
        2: "#283593",
        3: "#3F51B5",
        4: "#673AB7",
        5: "#4CAF50",
      }
    }
  }
}

Hex values

Color 1#1A237E

Color 2#283593

Color 3#3F51B5

Color 4#673AB7

Color 5#4CAF50

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

1.8:1Fail

4.8:1AA

1.3:1Fail

1.5:1Fail

1.4:1Fail

3.7:1AA18

1.9:1Fail

1.5:1Fail

1.1:1Fail

2.5:1Fail

1.8:1Fail

1.4:1Fail

1.1:1Fail

2.6:1Fail

4.8:1AA

3.7:1AA18

2.5:1Fail

2.6:1Fail

Similar palettes

More like Deep Forest Murmur

View all Dark

Abyssal Seaweed Garden

Midnight Forest Whisper

Mystic Forest Whisper

Oceanic Abyss Murmur

Abyssal Bioluminescence

Dark Academia Ink