Grain Silo Dusk

Warm earth tones layered from pale straw to deep soil, evoking the textured warmth of late harvest light.

Open in generator

Colors

~Groovy Giraffe#D0B17F

~Fuji Peak#FCE3BD

~Sunny Disposition#886C37

~Taupe#BD975E

~Mushroom Forest#6D5828

~Sunlight#E6CA96

~Avocado Stone#584213

~Haystack#9E843B

Psychology

The palette anchors itself in warm yellow undertones across all eight colors, creating visual cohesion while the range from pale (#fce3bd) to deep dark (#584213) builds high contrast without jarring shifts. This combination of monochromatic harmony and tonal depth activates attention through value rather than hue novelty, a principle that makes warm, earthy progressions feel both grounding and sophisticated. The muted, low-saturation yellows evoke natural materials and organic authenticity, triggering associations with craftsmanship and time-worn authenticity rather than artificial brightness.

Usage

This palette excels in heritage food branding, artisanal bakery packaging, and rustic interior design schemes where layered warmth conveys tradition and quality. Editorial photography and agricultural or craft-focused publications benefit from the palette's ability to feel both sophisticated and naturally weathered, without appearing dated. The high contrast range makes it equally effective for minimal web interfaces seeking warmth, or bold print campaigns where earthy tones need visual hierarchy and depth.

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,
    #d0b17f 0%,
    #fce3bd 14%,
    #886c37 29%,
    #bd975e 43%,
    #6d5828 57%,
    #e6ca96 71%,
    #584213 86%,
    #9e843b 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #d0b17f;
  --color-gradient-2: #fce3bd;
  --color-gradient-3: #886c37;
  --color-gradient-4: #bd975e;
  --color-gradient-5: #6d5828;
  --color-gradient-6: #e6ca96;
  --color-gradient-7: #584213;
  --color-gradient-8: #9e843b;
}

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

CSS Variables

--color-1: #d0b17f;
--color-2: #fce3bd;
--color-3: #886c37;
--color-4: #bd975e;
--color-5: #6d5828;
--color-6: #e6ca96;
--color-7: #584213;
--color-8: #9e843b;

Hex values

#d0b17f, #fce3bd, #886c37, #bd975e, #6d5828, #e6ca96, #584213, #9e843b

Building something? Get this palette via the REST API.

History

Similar palettes

Orchard Harvest Rest

Caramel Kiln Study

Toasted Grain Hour

Linen Neutral Afternoon

Peach Hour

Wheat Field Glow

Indigo Hour Study

Forge & Honey

Indigo Hearth Dusk