Back to palettes

Palette

Twilight Orchard Bloom

A harmonious blend of muted greens and browns, evoking an orchard at dusk.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Twilight Orchard Bloom 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 Twilight Orchard Bloom.

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

Data visualization

#556B2F#8B4513#CD853F#BDB76B#8FBC8F

Palette guide

How to use Twilight Orchard Bloom

Overview

The "Twilight Orchard Bloom" palette presents a rich, earthy collection of muted greens and warm browns, capturing the serene atmosphere of an orchard at dusk. It features the deep olive green of #556B2F and the rich saddle brown of #8B4513, transitioning to the warm sienna of #CD853F. Lighter, more delicate tones include the muted gold of #BDB76B and the soft sage green of #8FBC8F. This palette is perfect for designs aiming for a natural, rustic, or organic feel, evoking warmth, comfort, and a connection to the earth. It's versatile for lifestyle brands, eco-friendly products, or cozy digital spaces.

Best used for

  • Eco-friendly product branding
  • Farm-to-table restaurant websites
  • Rustic home decor marketing
  • Outdoor adventure blogs
  • Natural cosmetic packaging
  • Artisan craft websites

Suggested color roles

primary

#556B2F or #8B4513 for dominant backgrounds or headers, establishing an earthy, grounded feel.

secondary

#CD853F or #BDB76B for sub-sections, cards, or accents, adding warmth and visual interest.

accent

#8FBC8F can be used for subtle highlights, icons, or calls-to-action, providing a fresh, natural pop.

background

#556B2F for a deep, natural base; #BDB76B or #8FBC8F for lighter, airy sections.

text

Dark brown or black for text on #BDB76B or #8FBC8F; a light cream or white for text on #556B2F or #8B4513.

Accessibility notes

  • Ensure sufficient contrast for text, especially between #CD853F and #BDB76B if used together.
  • Use a very light cream or white text on #556B2F and #8B4513 for optimal readability.
  • Avoid using #BDB76B for small text on #8FBC8F, as contrast might be borderline.
  • Check WCAG guidelines for contrast ratios, especially with the muted nature of this palette.

Recommended combinations

Earthy Depth

Creates a rich, grounded aesthetic suitable for natural product branding.

#556B2F · #8B4513 · #BDB76B

Autumn Glow

Ideal for warm, inviting layouts with a touch of fresh green.

#8B4513 · #CD853F · #8FBC8F

Orchard Dusk

Excellent for serene backgrounds and content blocks that evoke natural tranquility.

#556B2F · #CD853F · #BDB76B

CSS variables

:root {
  --twilight-orchard-bloom-1: #556B2F;
  --twilight-orchard-bloom-2: #8B4513;
  --twilight-orchard-bloom-3: #CD853F;
  --twilight-orchard-bloom-4: #BDB76B;
  --twilight-orchard-bloom-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-orchard-bloom": {
        1: "#556B2F",
        2: "#8B4513",
        3: "#CD853F",
        4: "#BDB76B",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

earthy color schemenatural green brown paletterustic design colorsorganic branding paletteautumnal color scheme

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8B4513
·
Color 3#CD853F
·
Color 4#BDB76B
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2:1Fail
2.9:1Fail
2.8:1Fail
2
1.2:1Fail
2.4:1Fail
3.4:1AA18
3.3:1AA18
3
2:1Fail
2.4:1Fail
1.4:1Fail
1.4:1Fail
4
2.9:1Fail
3.4:1AA18
1.4:1Fail
1:1Fail
5
2.8:1Fail
3.3:1AA18
1.4:1Fail
1:1Fail

Similar palettes

More like Twilight Orchard Bloom

View all Earth
Forest Floor Muted
Apothecary Herb Dry
Botanical Earth Ground
Botanical Green Sanctuary
Cabin Twilight Hearth
Coastal Dunes Whisper