Palette

Volcanic Molten Flow

Fiery reds and oranges capturing the intense glow of molten volcanic lava.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Volcanic Molten Flow 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 Molten Flow.

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

Data visualization

#8B0000#B22222#FF4500#FFD700#FFFACD

Palette guide

How to use Volcanic Molten Flow

Overview

The Volcanic Molten Flow palette captures the intense glow of molten volcanic lava, presenting a dynamic range from deep reds to vibrant oranges and a luminous yellow. This collection is highly energetic and visually striking, perfect for projects requiring a sense of heat, movement, and brilliance. Key colors include the profound #8B0000, the fiery #FF4500, and the soft, glowing #FFFACD. Designers can leverage this palette for eye-catching marketing materials or vibrant digital artwork, while developers will find these hues excellent for creating engaging user interfaces that convey urgency, excitement, and warmth in equal measure.

Best used for

Dynamic digital interfaces and web applications
Energetic marketing campaigns and advertisements
Festive and celebratory event branding
Food and beverage branding, especially for spicy or warm products
Children's educational content (with careful contrast consideration)
Artistic expressions requiring intense color gradients

Suggested color roles

primary

Utilize #FF4500 as a vibrant, energetic focal point for main calls-to-action or headlines.

secondary

Apply #B22222 for strong, stable red elements, providing a grounding yet passionate support.

accent

Highlight critical information or interactive states with the brilliant #FFD700 for a glowing, attention-grabbing effect.

background

Employ #8B0000 as a deep, warm base for backgrounds, offering strong contrast to lighter elements.

text

For dark backgrounds like #8B0000 or #B22222, use white or #FFFACD. For brighter colors like #FFD700 and #FFFACD, use dark charcoal or black for readability.

Accessibility notes

High contrast is critical, especially when using #FFD700 or #FFFACD for text on any background.
Avoid pairing #FF4500 and #B22222 for small text or icons without sufficient size/weight differences.
Ensure that #FFFACD has a high enough contrast ratio against any background, as it is very light.
Test all combinations for WCAG AA compliance, focusing on legibility and colorblind-friendliness.

Recommended combinations

Molten Core

Creates a dramatic, fiery gradient from deep red to bright gold, ideal for visual depth.

#8B0000 · #FF4500 · #FFD700

Lava Glow

Offers a dynamic blend of reds and a soft yellow, perfect for energetic sections or highlights.

#B22222 · #FF4500 · #FFFACD

Fiery Ember

Provides a strong contrast and warm feel, suitable for headers or important information.

#8B0000 · #B22222 · #FFD700

CSS variables

:root {
  --volcanic-molten-flow-1: #8B0000;
  --volcanic-molten-flow-2: #B22222;
  --volcanic-molten-flow-3: #FF4500;
  --volcanic-molten-flow-4: #FFD700;
  --volcanic-molten-flow-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-molten-flow": {
        1: "#8B0000",
        2: "#B22222",
        3: "#FF4500",
        4: "#FFD700",
        5: "#FFFACD",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#FF4500

Color 4#FFD700

Color 5#FFFACD

Accessibility

Contrast checker

1.5:1Fail

2.9:1Fail

7.1:1AAA

9.4:1AAA

1.5:1Fail

1.9:1Fail

4.8:1AA

6.3:1AA

2.9:1Fail

1.9:1Fail

2.5:1Fail

3.2:1AA18

7.1:1AAA

4.8:1AA

2.5:1Fail

1.3:1Fail

9.4:1AAA

6.3:1AA

3.2:1AA18

1.3:1Fail

Similar palettes

More like Volcanic Molten Flow

View all vibrant

Fiery Volcano Vent

Electric Sunset Glow

Inferno Dragon Breath

Molten Rock Flow

Pixelated Sunset Blur

Stellar Corona Burst