Caramel Descent

Warm layers of caramel and cocoa, building depth from creamy sweetness to charred earth, glowing softly in afternoon light.

Colors

~Royal Milk Tea#FAD0BA
~Orange Crush#EA783B
~Coco Muck#944D1F
~Chocolate Castle#47250A

Psychology

The warm orange family creates a sense of comfort and vitality, with high contrast between light and dark tones commanding visual attention without aggression. Low chroma in the darkest and lightest colors prevents harshness, while the vivid mid-tones anchor the palette with energy, triggering associations with fire, harvest, and craftsmanship. This monochromatic progression builds hierarchy naturally, guiding the eye from highlight to shadow.

Usage

Ideal for artisanal food packaging, heritage brand identity systems, and editorial design that requires warmth without vibrancy. Projects emphasizing craft, tradition, or natural materials benefit from this palette's balanced contrast, which reads equally well in print and digital contexts. Strong for interior accent walls, luxury cosmetics branding, and photography backdrops where depth and sophistication matter more than playfulness.

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,
    #fad0ba 0%,
    #ea783b 33%,
    #944d1f 67%,
    #47250a 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #fad0ba;
  --color-gradient-2: #ea783b;
  --color-gradient-3: #944d1f;
  --color-gradient-4: #47250a;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #fad0ba;
--color-2: #ea783b;
--color-3: #944d1f;
--color-4: #47250a;
Hex values
#fad0ba, #ea783b, #944d1f, #47250a

Building something? Get this palette via the REST API.

History

Similar palettes

Kiln Ember Rest
Kiln Fired Afternoon
Russet Orchard Noon
Hearth & Hickory
Kiln Harvest Glow
Blackberry Bakery Noon
Kiln Garden Glow
Ember Stack Study
Forge & Honey