Terracotta Parlor Noon

Warm clay softly lit by afternoon sun, layered textures glowing with gentle depth and natural radiance.

Open in generator

Colors

~Cookie Crumb#B89579

~Apricotta#D6A180

~Mellow Marrow#E9BFAA

~Lunatic Lynx#DBA88B

~Brisket#714733

Psychology

The palette's monochromatic orange harmony creates visual coherence and relaxation by eliminating color conflict, while the presence of muted mid-tone Brisket anchors the lighter shades and prevents the palette from feeling flat or washed out.
Warm orange hues naturally advance and invite, triggering associations with comfort, earthiness, and handcraft, yet the consistently light, desaturated character ensures the mood remains gentle and approachable rather than aggressive or overwhelming.
This balance of warmth and restraint leverages the principle that low chromatic intensity signals calm sophistication, making the palette suitable for extended viewing without fatigue.

Usage

Use this palette for artisanal food and beverage packaging, linen and textile branding, and interior design for warm, intimate spaces such as wellness studios or cafes seeking organic, inviting atmospheres.
Projects requiring moderate contrast without harshness benefit most, as the softness conveys authenticity and craftsmanship while the deeper anchor color provides legibility and visual structure.
Editorial photography, heritage brand identity, and ceramics product lines respond particularly well to this palette's natural, tactile 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,
    #b89579 0%,
    #d6a180 25%,
    #e9bfaa 50%,
    #dba88b 75%,
    #714733 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #b89579;
  --color-gradient-2: #d6a180;
  --color-gradient-3: #e9bfaa;
  --color-gradient-4: #dba88b;
  --color-gradient-5: #714733;
}

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

CSS Variables

--color-1: #b89579;
--color-2: #d6a180;
--color-3: #e9bfaa;
--color-4: #dba88b;
--color-5: #714733;

Hex values

#b89579, #d6a180, #e9bfaa, #dba88b, #714733

Building something? Get this palette via the REST API.

History

Similar palettes

Rose Garden Parlor

Linen Bakery Dawn

Honey Meadow Glow

Kiln Ember Dusk

Terracotta Linen Rest

Linen Neutral Afternoon

Brick Hearth Blush

Wheat Kiln Morning

Macaroon Sunrise