Clay Hearth Descent

Warm clay depths shift from sunlit cream to shadowed burgundy, evoking aged pottery and candlelit warmth.

Colors

~Yours Truly#FBDAC9
~Cashmere Clay#D0A393
~Equestrienne#A27471
~Veil of Cinder#7D4E50
~Lonestar#552130

Psychology

The analogous red-to-pink progression creates visual harmony while the high contrast between light and dark values maintains visual interest and prevents monotony. Warm hues across all five colors advance toward the viewer and evoke feelings of comfort and intimacy, while the muted saturation prevents aggression, instead suggesting depth and sophistication.

Usage

Ideal for artisanal pottery branding, natural skincare packaging, and heritage textile collections that require warmth without vibrancy. Projects emphasizing craft heritage and handmade authenticity benefit from this palette's balanced contrast and earthen character. Also effective for vintage bookbinding, winery labels, and interior design schemes targeting warm, grounded atmospheres.

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,
    #fbdac9 0%,
    #d0a393 25%,
    #a27471 50%,
    #7d4e50 75%,
    #552130 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #fbdac9;
  --color-gradient-2: #d0a393;
  --color-gradient-3: #a27471;
  --color-gradient-4: #7d4e50;
  --color-gradient-5: #552130;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #fbdac9;
--color-2: #d0a393;
--color-3: #a27471;
--color-4: #7d4e50;
--color-5: #552130;
Hex values
#fbdac9, #d0a393, #a27471, #7d4e50, #552130

Building something? Get this palette via the REST API.

History

Similar palettes

Apricot Silk Hour
Kiln Ember Dusk
Flamingo Hour
Biscuit Porcelain Hour
Wheat & Clover Dawn
Velvet Ember Dusk
Apricot Hearth
Velvet Boudoir
Brick Fade Study