Palette

Molten Bronze Rivers

Fiery oranges and deep browns mimic the glowing, fluid dance of molten bronze.

WarmEnergetic5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Molten Bronze Rivers 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 Bronze Rivers.

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

Data visualization

#7B3F00#A52A2A#CD5C5C#F4A460#D2691E

Palette guide

How to use Molten Bronze Rivers

Overview

The "Molten Bronze Rivers" palette is a rich and warm collection, evoking the glowing, fluid dance of molten bronze with its fiery oranges and deep browns. Featuring the profound dark brown #7B3F00, the earthy red-brown #A52A2A, and the radiant orange #D2691E, this palette creates a sense of warmth, energy, and raw power. Designers can leverage these shades to convey natural richness, metallic luster, or a cozy, autumnal feel. Developers will find these hex codes ideal for creating inviting interfaces, luxurious branding, or impactful accents, ensuring a memorable and emotionally resonant visual experience. The lighter #F4A460 and #CD5C5C add depth and highlight possibilities.

Best used for

Luxury goods and artisan crafts
Autumnal seasonal branding
Rustic and heritage-inspired websites
High-end interior design visualization
Warm and inviting e-commerce stores
Themed digital experiences (e.g., fantasy, historical)

Suggested color roles

primary

#7B3F00 - A deep, rich brown, ideal for main backgrounds, prominent navigation, or a strong brand color, conveying grounding and luxury.

secondary

#A52A2A - A warm, earthy red-brown, suitable for subheadings, important content blocks, or to add a touch of rustic elegance.

accent

#D2691E - A vibrant, true bronze orange, perfect for calls-to-action, interactive elements, or highlighting key information with a fiery glow.

background

#F4A460 - A soft, warm orange-tan, providing an inviting and luminous canvas that complements the deeper tones.

text

#7B3F00 - For optimal readability against lighter backgrounds like #F4A460 or #CD5C5C, these deep shades provide excellent contrast.

Accessibility notes

Ensure #7B3F00 or #A52A2A used for text on #F4A460 or #CD5C5C meets WCAG AA contrast standards.
Avoid using #CD5C5C or #F4A460 for small text on a light background as contrast will be insufficient.
For interactive elements, ensure clear visual feedback, perhaps using #D2691E for hover states.
Consider using a dark text like black or charcoal on #F4A460 for maximum readability if the palette's darks are too warm.

Recommended combinations

Earthy Base

Creates a warm, layered background effect or for card components, evoking natural warmth.

#F4A460 · #CD5C5C · #A52A2A

Molten Highlight

Excellent for showcasing primary content with a glowing accent against a warm background and deep text.

#F4A460 · #D2691E · #7B3F00

Rich Depth

Useful for strong branding elements, headers, or buttons where a luxurious, intense look is desired.

#7B3F00 · #A52A2A · #D2691E

CSS variables

:root {
  --molten-bronze-rivers-1: #7B3F00;
  --molten-bronze-rivers-2: #A52A2A;
  --molten-bronze-rivers-3: #CD5C5C;
  --molten-bronze-rivers-4: #F4A460;
  --molten-bronze-rivers-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "molten-bronze-rivers": {
        1: "#7B3F00",
        2: "#A52A2A",
        3: "#CD5C5C",
        4: "#F4A460",
        5: "#D2691E",
      }
    }
  }
}

Hex values

Color 1#7B3F00

Color 2#A52A2A

Color 3#CD5C5C

Color 4#F4A460

Color 5#D2691E

Accessibility

Contrast checker

1.2:1Fail

2.1:1Fail

4:1AA18

2.3:1Fail

1.2:1Fail

1.8:1Fail

3.5:1AA18

1.9:1Fail

2.1:1Fail

1.8:1Fail

2:1Fail

1.1:1Fail

4:1AA18

3.5:1AA18

2:1Fail

1.8:1Fail

2.3:1Fail

1.9:1Fail

1.1:1Fail

1.8:1Fail

Similar palettes

More like Molten Bronze Rivers

Molten Bronze Rivers

See it in context.

Ready when you are.

Built with Molten Bronze Rivers.

How to use Molten Bronze Rivers

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Earthy Base

Molten Highlight

Rich Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Molten Bronze Rivers