Back to palettes

Palette

Sunlit Orchard Haze

Captures the soft, diffused light of early morning filtering through an abundant, verdant fruit orchard.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunlit Orchard Haze 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 Sunlit Orchard Haze.

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

Data visualization

#E0C25B#F5E08F#A3B767#708C3B#D1AE4C

Palette guide

How to use Sunlit Orchard Haze

Overview

The Sunlit Orchard Haze palette captures the serene glow of early morning light filtering through a vibrant orchard. Dominated by earthy greens and golden yellows, it evokes nature's tranquility and freshness. Key colors include the rich green of #708C3B, the softer #A3B767, and the warm, inviting yellows like #E0C25B and #F5E08F. This palette is ideal for projects seeking an organic, calming, and wholesome aesthetic. Designers can leverage its harmonious balance to create interfaces and branding that feel both grounded and uplifting, reminiscent of natural landscapes and fresh produce.

Best used for

  • Eco-friendly product packaging and branding
  • Farm-to-table restaurant websites and menus
  • Wellness and natural beauty product design
  • Educational materials for children about nature
  • Garden design and landscaping company branding
  • Rustic or bohemian home decor themes

Suggested color roles

primary

Use #708C3B for dominant elements like main headings, primary buttons, or significant brand elements to establish a strong, natural foundation.

secondary

Apply #E0C25B for supportive elements, subheadings, or as a warm, inviting backdrop for content sections, adding a touch of sunlit glow.

accent

Introduce #D1AE4C sparingly for call-to-action buttons, interactive states, or small decorative details to draw attention without overwhelming.

background

Utilize #F5E08F for light, airy backgrounds that provide excellent readability and a soft, welcoming feel across digital and print media.

text

Pair a deep charcoal like #333333 or the darker #708C3B for body text against lighter backgrounds such as #F5E08F to ensure optimal legibility.

Accessibility notes

  • Ensure sufficient contrast between #708C3B text and lighter backgrounds like #F5E08F or #F5E08F.
  • Avoid placing light text (e.g., white) directly on #F5E08F or #D1AE4C due to insufficient contrast.
  • For interactive elements, check WCAG 2.1 AA contrast ratios, especially for states like hover/focus.
  • Consider using a darker text color (e.g., #333333) for all body copy to guarantee readability across the lighter palette shades.

Recommended combinations

Nature's Harmony

Excellent for primary branding, website headers, and natural product packaging, evoking freshness.

#708C3B · #E0C25B · #F5E08F

Soft Orchard

Ideal for softer UI elements, background gradients, or subtle illustrations that need a gentle touch.

#F5E08F · #A3B767 · #D1AE4C

Earthy Accents

Use for iconography, data visualization, or call-to-action elements where a natural yet distinct pop is needed.

#E0C25B · #708C3B · #A3B767

CSS variables

:root {
  --sunlit-orchard-haze-1: #E0C25B;
  --sunlit-orchard-haze-2: #F5E08F;
  --sunlit-orchard-haze-3: #A3B767;
  --sunlit-orchard-haze-4: #708C3B;
  --sunlit-orchard-haze-5: #D1AE4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-orchard-haze": {
        1: "#E0C25B",
        2: "#F5E08F",
        3: "#A3B767",
        4: "#708C3B",
        5: "#D1AE4C",
      }
    }
  }
}

Related searches

nature inspired color palettegreen and yellow brand colorsearthy design paletteorganic feel color schemesunlit natural hues

Palette colors

Hex values

Color 1#E0C25B
·
Color 2#F5E08F
·
Color 3#A3B767
·
Color 4#708C3B
·
Color 5#D1AE4C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
2.2:1Fail
1.2:1Fail
2
1.3:1Fail
1.7:1Fail
2.9:1Fail
1.6:1Fail
3
1.3:1Fail
1.7:1Fail
1.7:1Fail
1:1Fail
4
2.2:1Fail
2.9:1Fail
1.7:1Fail
1.8:1Fail
5
1.2:1Fail
1.6:1Fail
1:1Fail
1.8:1Fail

Similar palettes

More like Sunlit Orchard Haze

View all warm
Autumn Harvest Wreath
Golden Field Sun
Golden Hour Meadow
Golden Hour Meadow
Rainforest Sun Dapple
Sunflower Meadow Dream