Back to palettes

Palette

Terra Ember

Fiery oranges and deep browns emulate the glowing embers of a wood fire against dark, rich earth.

warmdark5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terra Ember 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 Terra Ember.

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

Data visualization

#8B3A01#C75A0B#F58C3B#A34C1A#6E2D00

Palette guide

How to use Terra Ember

Overview

The Terra Ember palette offers a captivating range of fiery oranges and deep, rich browns, perfect for evoking the intense glow of burning embers against dark earth. With colors like the warm, deep orange of #C75A0B, the brighter flame of #F58C3B, and the grounding, near-black #6E2D00, this palette is ideal for projects seeking a primal, energetic, yet sophisticated feel. Designers can leverage its warmth to create inviting digital experiences or impactful print materials, while developers will appreciate the clear distinction between its light and dark values for UI elements.

Best used for

  • Brand identity for rustic or artisanal products
  • Autumnal marketing campaigns and seasonal designs
  • Website themes for outdoor adventure or cozy cafes
  • Packaging for gourmet foods or craft beverages
  • Digital interfaces requiring a warm, inviting atmosphere
  • Art and illustration depicting natural, fiery scenes

Suggested color roles

primary

Use the rich, deep orange #C75A0B for prominent calls to action or key branding elements, conveying warmth and energy.

secondary

The slightly darker #8B3A01 works well for supporting elements, subheadings, or as a rich background for lighter text.

accent

Apply the bright, glowing #F58C3B sparingly for highlights, interactive states, or to draw immediate attention to crucial information.

background

The darkest shade, #6E2D00, provides a dramatic, grounding backdrop, making lighter elements pop. Alternatively, #A34C1A offers a warmer, mid-tone base.

text

For optimal readability on darker backgrounds like #6E2D00, use a light, near-white text. On lighter tones such as #F58C3B, a deep charcoal or black text is recommended.

Accessibility notes

  • Ensure sufficient contrast between #F58C3B and any text placed upon it; consider using darker text.
  • The darkest shade, #6E2D00, provides excellent contrast for light text, ensuring readability.
  • Avoid using #8B3A01 and #A34C1A together for small text or icons without careful contrast checking due to their similar values.
  • Pair #C75A0B with #6E2D00 for high contrast and visual impact.

Recommended combinations

Deep Ember

Ideal for dramatic headers or hero sections where depth meets vibrant energy.

#6E2D00 · #C75A0B · #F58C3B

Earthy Glow

Excellent for body text and accent combinations, providing good readability and warmth.

#A34C1A · #8B3A01 · #F58C3B

Rustic Fire

Strong, grounding combination for navigation bars or footers, offering a solid, natural feel.

#8B3A01 · #C75A0B · #6E2D00

CSS variables

:root {
  --terra-ember-1: #8B3A01;
  --terra-ember-2: #C75A0B;
  --terra-ember-3: #F58C3B;
  --terra-ember-4: #A34C1A;
  --terra-ember-5: #6E2D00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-ember": {
        1: "#8B3A01",
        2: "#C75A0B",
        3: "#F58C3B",
        4: "#A34C1A",
        5: "#6E2D00",
      }
    }
  }
}

Related searches

fiery earth tone paletteglowing ember color schemewarm orange brown colorsrustic autumn palettenatural fire colors

Palette colors

Hex values

Color 1#8B3A01
·
Color 2#C75A0B
·
Color 3#F58C3B
·
Color 4#A34C1A
·
Color 5#6E2D00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
1.3:1Fail
1.3:1Fail
2
1.8:1Fail
1.8:1Fail
1.4:1Fail
2.4:1Fail
3
3.2:1AA18
1.8:1Fail
2.4:1Fail
4.3:1AA18
4
1.3:1Fail
1.4:1Fail
2.4:1Fail
1.8:1Fail
5
1.3:1Fail
2.4:1Fail
4.3:1AA18
1.8:1Fail

Similar palettes

More like Terra Ember

View all warm
Lava Tube Glow
Amber Voyage
Autumn Leaf Fall
Boho Sunset Dream
Chai Spice Lane
Copper Vein Rust