Ember Stack Study

Warm layers of toasted spice and ember glow, building from bright flame to charred depth with moderate contrast.

Open in generator

Colors

~Papaya#FF9A5A

~Temptatious Tangerine#FF7B2E

~Orange Crush#ED7A36

~Dark Orange#C95518

~Evil Cigar#5C1D00

Psychology

The palette's monochromatic orange progression creates visual harmony while the jump from mid-orange to deep brown delivers moderate contrast that commands attention without harshness. Warm orange hues naturally advance and energize, triggering associations with fire, harvest, and craftsmanship, while the dark anchor grounds the mood in earthiness rather than frivolity.
This combination balances approachability with sophistication, making it psychologically compelling for brands seeking warmth without sweetness or naivety.

Usage

Strong applications include artisanal coffee roastery branding, heritage spice packaging, and craft distillery labels, where the warm orange-to-brown progression signals authenticity and tradition. The moderate contrast supports both editorial photography for food and lifestyle, and print collateral for handmade goods, where legibility and visual warmth work together.
Interior design accent walls and ceramic product lines also benefit from this palette's ability to feel bold yet grounded, avoiding both sterility and overwrought warmth.

Code

CSS Gradient

/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
    90deg,
    #ff9a5a 0%,
    #ff7b2e 25%,
    #ed7a36 50%,
    #c95518 75%,
    #5c1d00 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #ff9a5a;
  --color-gradient-2: #ff7b2e;
  --color-gradient-3: #ed7a36;
  --color-gradient-4: #c95518;
  --color-gradient-5: #5c1d00;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #ff9a5a;
--color-2: #ff7b2e;
--color-3: #ed7a36;
--color-4: #c95518;
--color-5: #5c1d00;

Hex values

#ff9a5a, #ff7b2e, #ed7a36, #c95518, #5c1d00

Building something? Get this palette via the REST API.

History

Similar palettes

Forge & Honey

Kiln Fired Afternoon

Russet Orchard Noon

Flamingo Hour

Brick Blush Dusk

Kiln Ember Dusk

Caramel Linen Hour

Wheat Field Glow

Toasted Grain Hour