Back to palettes

Palette

Volcanic Crater Lake

The deep, enigmatic colors of a remote crater lake, surrounded by dark volcanic rock.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Volcanic Crater Lake 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 Volcanic Crater Lake.

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

Data visualization

#2F4F4F#483D8B#8A2BE2#1E90FF#6495ED

Palette guide

How to use Volcanic Crater Lake

Overview

The "Volcanic Crater Lake" palette captures the deep, mysterious allure of remote water bodies with its rich blend of blues and purples. Featuring deep teal #2F4F4F, a striking dark slate blue #483D8B, and vibrant accents like #8A2BE2 (Blue Violet) and #1E90FF (Dodger Blue), this palette is perfect for designs aiming for an enigmatic yet captivating aesthetic. Designers can leverage its depth for sophisticated branding, while developers will appreciate the distinct color separation for creating engaging visual hierarchies and interactive elements.

Best used for

  • Mysterious or fantasy-themed branding
  • Night mode applications or dark UI
  • Luxury product websites
  • Creative portfolios
  • Gaming interfaces
  • Abstract art and digital illustrations

Suggested color roles

primary

#2F4F4F - A deep, calming teal for main backgrounds or large structural elements, providing a solid, dark base.

secondary

#483D8B - Use for important content sections, headers, or navigation, offering a sophisticated counterpoint.

accent

#8A2BE2 - A vibrant blue-violet for calls to action, interactive elements, or key highlights, drawing immediate attention.

background

#2F4F4F - Establishes a profound, immersive dark setting, enhancing the luminosity of other colors.

text

#6495ED or #1E90FF - For primary text on dark backgrounds, ensuring excellent readability and a touch of vibrancy.

Accessibility notes

  • Ensure #8A2BE2 and #1E90FF have sufficient contrast against #2F4F4F or #483D8B for text.
  • Avoid using #2F4F4F and #483D8B together for small text due to low contrast.
  • Lighter shades like #6495ED are suitable for body text on the darkest backgrounds.
  • Always check WCAG guidelines for color combinations, especially with the darker blues and purples.

Recommended combinations

Enigmatic Depth

Creates a rich, layered background or a visually intriguing content block with a pop of accent.

#2F4F4F · #483D8B · #8A2BE2

Dynamic Contrast

Excellent for vibrant UI elements and clear calls to action against a deep, stable base.

#2F4F4F · #1E90FF · #6495ED

Mysterious Glow

Ideal for gradient effects, hover states, or illustrations needing a mystical, luminous quality.

#483D8B · #8A2BE2 · #6495ED

CSS variables

:root {
  --volcanic-crater-lake-1: #2F4F4F;
  --volcanic-crater-lake-2: #483D8B;
  --volcanic-crater-lake-3: #8A2BE2;
  --volcanic-crater-lake-4: #1E90FF;
  --volcanic-crater-lake-5: #6495ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-crater-lake": {
        1: "#2F4F4F",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#1E90FF",
        5: "#6495ED",
      }
    }
  }
}

Related searches

dark blue purple palettemysterious lake colorsfantasy ui color schemedeep teal and violetdark mode vibrant accents

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#483D8B
·
Color 3#8A2BE2
·
Color 4#1E90FF
·
Color 5#6495ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
2.8:1Fail
3:1AA18
2
1:1Fail
1.5:1Fail
2.8:1Fail
3.1:1AA18
3
1.5:1Fail
1.5:1Fail
1.8:1Fail
2:1Fail
4
2.8:1Fail
2.8:1Fail
1.8:1Fail
1.1:1Fail
5
3:1AA18
3.1:1AA18
2:1Fail
1.1:1Fail

Similar palettes

More like Volcanic Crater Lake

View all dark
Stained Glass Gloom
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths
Abyssal Luminous Depths