Palette

Molten Glass Forge

The intense heat and brilliant colors of a glass-blowing workshop, where raw elements transform with fire.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Molten Glass Forge 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 Glass Forge.

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

Data visualization

#B22222#FF4500#FFA500#FFD700#36454F

Palette guide

How to use Molten Glass Forge

Overview

The Molten Glass Forge palette vividly portrays the intense heat and brilliant colors found within a glass-blowing workshop, where raw elements transform with fire. Featuring a strong #B22222, energetic #FF4500, radiant #FFA500, and bright #FFD700, this palette is powerfully grounded by a cool #36454F. This combination is incredibly useful for designers and developers aiming to evoke themes of craftsmanship, transformation, and raw power. Ideal for industrial design, creative branding, or dynamic user interfaces, it offers a striking contrast that communicates both fiery energy and sophisticated strength, making any project truly stand out.

Best used for

Industrial design and manufacturing branding
Creative workshop websites
Dynamic gaming interfaces
Bold and impactful branding
Educational content on craftsmanship
Website sections needing high contrast

Suggested color roles

primary

Use #FF4500 as the energetic primary color for key calls to action or prominent visual elements, conveying intense heat.

secondary

Employ #FFA500 for bright supporting elements or secondary interactive components, offering a radiant glow.

accent

Apply #FFD700 for brilliant highlights, small details, or when a luminous, 'golden' spark is desired.

background

Utilize #36454F as a deep, cool background, providing a strong, industrial contrast to the fiery hues.

text

For text, #B22222 can be used for bold accent text on light backgrounds, or bright white/light gray for optimal readability on #36454F.

Accessibility notes

Ensure high contrast for text, especially when using any of the warmer colors as text on #36454F.
Avoid using #B22222 as text on backgrounds with insufficient luminance contrast; prefer lighter text on darks.
Always use #FFD700 or a bright white for critical text elements to ensure maximum readability.
For colorblind users, differentiate important information with icons or patterns, particularly between similar red-orange tones.

Recommended combinations

Forge Fire

Creates a brilliant, fiery combination, perfect for energetic headlines or interactive elements.

#FF4500 · #FFA500 · #FFD700

Cooling Steel

Provides a strong contrast, ideal for industrial-themed sections or to denote strength and durability.

#36454F · #B22222 · #FF4500

Golden Heat

Highlights bright accents on a dark, cool base, suitable for glowing elements or calls to action.

#FFD700 · #FFA500 · #36454F

CSS variables

:root {
  --molten-glass-forge-1: #B22222;
  --molten-glass-forge-2: #FF4500;
  --molten-glass-forge-3: #FFA500;
  --molten-glass-forge-4: #FFD700;
  --molten-glass-forge-5: #36454F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-glass-forge": {
        1: "#B22222",
        2: "#FF4500",
        3: "#FFA500",
        4: "#FFD700",
        5: "#36454F",
      }
    }
  }
}

Hex values

Color 1#B22222

Color 2#FF4500

Color 3#FFA500

Color 4#FFD700

Color 5#36454F

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

4.8:1AA

1.5:1Fail

1.9:1Fail

1.7:1Fail

2.5:1Fail

2.9:1Fail

3.4:1AA18

1.7:1Fail

1.4:1Fail

5:1AA

4.8:1AA

2.5:1Fail

1.4:1Fail

7.1:1AAA

1.5:1Fail

2.9:1Fail

5:1AA

7.1:1AAA

Similar palettes

More like Molten Glass Forge

View all vibrant

Coastal Sunset Blaze

Crimson Horizon

Crimson Horizon Blaze

Crimson Horizon Vista

Dragon's Fire Breath

Electric Sunset Horizon