Back to palettes

Palette

Molten Earth Stream

A fiery palette depicting the intense reds and oranges of a slow-moving, molten lava stream.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Molten Earth Stream 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 Molten Earth Stream.

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

Data visualization

#8B0000#B22222#CD5C5C#FF4500#FF8C00

Palette guide

How to use Molten Earth Stream

Overview

The Molten Earth Stream palette vividly depicts the intense reds and oranges of a slowly moving lava stream, offering a powerful and energetic color scheme. Featuring deep #8B0000 and #B22222, a softer #CD5C5C, and culminating in the bright #FF4500 and #FF8C00, this collection provides a harmonious yet dynamic flow. Designers and developers can utilize this palette to create visuals that convey warmth, power, and a sense of natural movement. It's particularly effective for projects requiring a dramatic yet inviting aesthetic, from themed digital experiences to impactful branding that truly stands out with fiery intensity.

Best used for

  • Themed restaurant branding
  • Cultural festival promotions
  • Fantasy game user interfaces
  • Dramatic digital art compositions
  • Seasonal marketing campaigns
  • Websites seeking a powerful, warm feel

Suggested color roles

primary

Designate #FF4500 as the primary color for leading elements, conveying immediate energy and importance.

secondary

Utilize #FF8C00 for bright supporting elements, adding vibrant warmth and visual interest.

accent

Employ #CD5C5C as a softer red accent, suitable for subtle details or to provide a gentler contrast.

background

Apply #8B0000 as a deep, grounding background to establish a rich, intense foundation.

text

For text, use #B22222 for secondary information on light backgrounds, or bright white/light gray for optimal readability on darker hues like #8B0000 and #B22222.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #B22222 or #CD5C5C on darker backgrounds.
  • Avoid using #CD5C5C for small text on #B22222, as their contrast might be insufficient.
  • Always use #FF4500 or white for critical text elements to ensure maximum readability on dark backgrounds.
  • For colorblind users, provide alternative indicators for information conveyed primarily by the red and orange hues.

Recommended combinations

Stream Flow

Creates a dynamic, warm flow, ideal for progress bars or sequential visual elements.

#FF4500 · #FF8C00 · #B22222

Deep Current

Offers a gradual red progression, suitable for backgrounds or to denote depth and layering.

#8B0000 · #B22222 · #CD5C5C

Fiery Glow

Provides vibrant accents on a dark base, perfect for glowing effects or calls to action.

#FF8C00 · #FF4500 · #8B0000

CSS variables

:root {
  --molten-earth-stream-1: #8B0000;
  --molten-earth-stream-2: #B22222;
  --molten-earth-stream-3: #CD5C5C;
  --molten-earth-stream-4: #FF4500;
  --molten-earth-stream-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-earth-stream": {
        1: "#8B0000",
        2: "#B22222",
        3: "#CD5C5C",
        4: "#FF4500",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

lava stream color schemered orange gradient palettevolcanic themed designenergetic digital art colorswarm fiery branding

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#CD5C5C
·
Color 4#FF4500
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
2.9:1Fail
4.3:1AA18
2
1.5:1Fail
1.7:1Fail
1.9:1Fail
2.9:1Fail
3
2.5:1Fail
1.7:1Fail
1.2:1Fail
1.7:1Fail
4
2.9:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail
5
4.3:1AA18
2.9:1Fail
1.7:1Fail
1.5:1Fail

Similar palettes

More like Molten Earth Stream

View all warm