Back to palettes

Palette

Grain Silo Dusk

Muted and earthy, this palette evokes the serene beauty of old grain silos and fields under a fading dusk sky.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Grain Silo Dusk reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Grain Silo Dusk.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5C4B3E#8C7B6B#BDB0A0#E0D3C4#42352C

Palette guide

How to use Grain Silo Dusk

Overview

The Grain Silo Dusk palette offers a serene and earthy collection, evoking the quiet beauty of old grain silos and fields under a fading dusk sky. With rich browns like #5C4B3E and #42352C, warm mid-tones such as #8C7B6B, and softer hues like #BDB0A0 and #E0D3C4, this palette provides a harmonious and natural foundation. Designers and developers can leverage these muted, organic colors to create inviting, authentic, and sophisticated designs. It's an excellent choice for projects that aim to convey warmth, tradition, and a connection to nature or handcrafted quality.

Best used for

  • Organic food and beverage branding
  • Home decor and interior design
  • Rustic wedding invitations and stationery
  • Natural beauty and skincare products
  • Lifestyle blogs and photography websites
  • Artisan craft and handmade goods

Suggested color roles

primary

Use #5C4B3E as a grounding primary color for headers, important sections, or a deep background, conveying warmth and stability.

secondary

Employ #8C7B6B for secondary elements, navigation, or subtle dividers, maintaining the earthy feel.

accent

Apply #42352C for strong accents, calls to action, or to add a touch of deep richness and contrast.

background

The light and airy #E0D3C4 serves as an excellent natural background, providing a clean yet warm base for content.

text

For dark text on lighter backgrounds, #42352C offers excellent readability and a consistent earthy tone. Use #E0D3C4 for light text on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #BDB0A0 on #E0D3C4 for small text.
  • Use #42352C for body text on #E0D3C4 or #BDB0A0 for optimal readability.
  • Avoid using two light shades (e.g., #BDB0A0 and #E0D3C4) for text and background in critical areas.
  • Test color pairings with a contrast checker to meet WCAG guidelines for text contrast.

Recommended combinations

Earthy Foundation

A balanced combination for natural product branding, website layouts, or creating a cozy, inviting atmosphere.

#5C4B3E · #E0D3C4 · #8C7B6B

Dusk Glow

Ideal for subtle gradients, background textures, or highlighting elements with a soft, natural luminosity.

#BDB0A0 · #E0D3C4 · #42352C

Rustic Depth

Perfect for creating visual hierarchy, adding warmth to informational sections, or for a sophisticated, layered look.

#42352C · #8C7B6B · #BDB0A0

CSS variables

:root {
  --grain-silo-dusk-1: #5C4B3E;
  --grain-silo-dusk-2: #8C7B6B;
  --grain-silo-dusk-3: #BDB0A0;
  --grain-silo-dusk-4: #E0D3C4;
  --grain-silo-dusk-5: #42352C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "grain-silo-dusk": {
        1: "#5C4B3E",
        2: "#8C7B6B",
        3: "#BDB0A0",
        4: "#E0D3C4",
        5: "#42352C",
      }
    }
  }
}

Related searches

earthy neutral color paletterustic country colorswarm muted tonesgrain inspired palettenatural organic design colors

Palette colors

Hex values

Color 1#5C4B3E
·
Color 2#8C7B6B
·
Color 3#BDB0A0
·
Color 4#E0D3C4
·
Color 5#42352C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.9:1AA18
5.6:1AA
1.4:1Fail
2
2:1Fail
1.9:1Fail
2.8:1Fail
2.9:1Fail
3
3.9:1AA18
1.9:1Fail
1.4:1Fail
5.6:1AA
4
5.6:1AA
2.8:1Fail
1.4:1Fail
8:1AAA
5
1.4:1Fail
2.9:1Fail
5.6:1AA
8:1AAA

Similar palettes

More like Grain Silo Dusk

View all neutral