Palette

Geothermal Vent Flow

A dramatic and fiery palette reflecting the raw, powerful energy of molten earth and volcanic landscapes, intensely energetic.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geothermal Vent 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 Geothermal Vent Flow.

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

Data visualization

#CC0000#FF4500#505050#202020#FFD700

Palette guide

How to use Geothermal Vent Flow

Overview

Geothermal Vent Flow is a dramatic and intensely energetic color palette, reflecting the raw power of molten earth and volcanic landscapes. It features a fiery red (#CC0000), a vibrant orange-red (#FF4500), a medium grey (#505050), a deep charcoal (#202020), and a brilliant gold accent (#FFD700). This palette is designed for projects that demand attention and convey a sense of strength, heat, and raw energy. Designers and developers can harness these bold contrasts to create impactful branding, dynamic user interfaces, or striking visual content that embodies a powerful and untamed aesthetic.

Best used for

Action-oriented video games
Extreme sports branding
Heavy machinery websites
Dramatic film posters
Industrial design concepts
High-energy event promotions

Suggested color roles

primary

A commanding red (#CC0000), perfect for calls-to-action, warnings, or primary brand identity elements that demand attention.

secondary

A deep, strong charcoal (#202020) ideal for main backgrounds, robust containers, or sophisticated text.

accent

This bright gold (#FFD700) provides a powerful, radiant highlight, excellent for awards, key features, or interactive states.

background

A versatile medium grey (#505050) that can serve as a background for lighter content blocks or as a subtle contrast to the darker charcoal.

text

On dark backgrounds like #202020, use white or the bright #FFD700 for text. For lighter backgrounds, use #202020.

Accessibility notes

Ensure #FFD700 (gold) text has sufficient contrast against any background, especially on #FF4500.
The reds (#CC0000, #FF4500) provide good contrast on dark greys (#202020, #505050) but can be challenging on each other.
Avoid placing #505050 (medium grey) text on #202020 (charcoal) for small text due to insufficient contrast.
Use white or light grey text on #CC0000 and #FF4500 for optimal readability, especially for body text.

Recommended combinations

Molten Core

Creates a fiery, intense look for dramatic headlines and bold graphics.

#CC0000 · #FF4500 · #202020

Industrial Heat

Excellent for sleek, powerful interfaces with a touch of luxury or warning.

#202020 · #505050 · #FFD700

Dynamic Energy

Ideal for high-impact buttons, alerts, or interactive elements that need to pop.

#FF4500 · #FFD700 · #CC0000

CSS variables

:root {
  --geothermal-vent-flow-1: #CC0000;
  --geothermal-vent-flow-2: #FF4500;
  --geothermal-vent-flow-3: #505050;
  --geothermal-vent-flow-4: #202020;
  --geothermal-vent-flow-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geothermal-vent-flow": {
        1: "#CC0000",
        2: "#FF4500",
        3: "#505050",
        4: "#202020",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#CC0000

Color 2#FF4500

Color 3#505050

Color 4#202020

Color 5#FFD700

Accessibility

Contrast checker

1.7:1Fail

1.4:1Fail

2.8:1Fail

4.2:1AA18

1.7:1Fail

2.3:1Fail

4.7:1AA

2.5:1Fail

1.4:1Fail

2.3:1Fail

2:1Fail

5.7:1AA

2.8:1Fail

4.7:1AA

2:1Fail

11.6:1AAA

4.2:1AA18

2.5:1Fail

5.7:1AA

11.6:1AAA

Similar palettes

More like Geothermal Vent Flow

View all vibrant

Crimson Horizon Blaze

Fiery Volcano Glow

Horizon Sunset Sail

Molten Core Flow

Wanderlust Nomad Spirit

Abstract Canvas Pop