Back to palettes

Palette

Sunlit Orchard Bloom

Bright and cheerful oranges and yellows capture the essence of a vibrant orchard under a summer sun.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D96D28#F7A855#FFE09B#8B4A1D#AF7239

Palette guide

How to use Sunlit Orchard Bloom

Overview

The Sunlit Orchard Bloom palette bursts with bright and cheerful oranges and yellows, capturing the essence of a vibrant orchard under a summer sun. This energetic collection includes a bold burnt orange #D96D28, a juicy tangerine #F7A855, a soft peach-yellow #FFE09B, a deep chocolate brown #8B4A1D, and a warm caramel #AF7239. It's an ideal choice for designers looking to infuse projects with warmth, vitality, and a strong connection to nature's bounty. The hex codes offer a range from deep grounding tones to bright, effervescent highlights, allowing for dynamic and inviting compositions. Developers can use these colors for engaging interfaces and impactful branding.

Best used for

  • Fruit and juice branding
  • Autumn harvest festivals
  • Children's educational content
  • Farm-to-table restaurants
  • Outdoor adventure websites
  • Food packaging design

Suggested color roles

primary

Utilize #D96D28, a bold burnt orange, for high-impact calls to action, main headlines, or prominent brand elements to convey energy.

secondary

Employ #F7A855, a juicy tangerine, for secondary buttons, navigation, or as a vibrant background for engaging sections.

accent

Introduce #FFE09B, a soft peach-yellow, for subtle highlights, interactive states, or to add a gentle luminosity.

background

Consider #FFE09B for light, warm backgrounds, providing a soft, inviting canvas that allows darker colors to pop.

text

For optimal readability, use a dark brown like #8B4A1D or black text on #FFE09B. White text works well on #D96D28, #F7A855, or #AF7239.

Accessibility notes

  • Ensure sufficient contrast when using #FFE09B as a background for text; a dark brown or black is usually necessary.
  • Avoid pairing #F7A855 text on #FFE09B backgrounds due to low contrast; aim for significant value differences.
  • White text on #D96D28 or #AF7239 generally offers good contrast, but always verify WCAG AA standards.
  • Test all interactive elements and icon colors against their backgrounds for sufficient contrast ratios.

Recommended combinations

Harvest Glow

Excellent for gradients, hero sections, or banners that demand vibrant warmth and a cheerful mood.

#FFE09B · #F7A855 · #D96D28

Orchard Ground

Use for strong headers, footers, or background elements where a grounded, natural, and rich feel is desired.

#8B4A1D · #FFE09B · #AF7239

Juicy Pop

Ideal for creating dynamic data visualizations, playful illustrations, or distinct interactive components.

#F7A855 · #D96D28 · #8B4A1D

CSS variables

:root {
  --sunlit-orchard-bloom-2-1: #D96D28;
  --sunlit-orchard-bloom-2-2: #F7A855;
  --sunlit-orchard-bloom-2-3: #FFE09B;
  --sunlit-orchard-bloom-2-4: #8B4A1D;
  --sunlit-orchard-bloom-2-5: #AF7239;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-orchard-bloom-2": {
        1: "#D96D28",
        2: "#F7A855",
        3: "#FFE09B",
        4: "#8B4A1D",
        5: "#AF7239",
      }
    }
  }
}

Related searches

vibrant orchard color palettecheerful orange yellow schemefruit inspired design colorswarm autumn paletteenergetic natural branding

Palette colors

Hex values

Color 1#D96D28
·
Color 2#F7A855
·
Color 3#FFE09B
·
Color 4#8B4A1D
·
Color 5#AF7239
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
2:1Fail
1.2:1Fail
2
1.7:1Fail
1.5:1Fail
3.5:1AA18
2:1Fail
3
2.7:1Fail
1.5:1Fail
5.3:1AA
3.1:1AA18
4
2:1Fail
3.5:1AA18
5.3:1AA
1.7:1Fail
5
1.2:1Fail
2:1Fail
3.1:1AA18
1.7:1Fail

Similar palettes

More like Sunlit Orchard Bloom

View all vibrant
Island Harvest Splash
Island Fruit Blend
Summer Berry Harvest
Sunny Orchard
Tropical Fruit Punch
California Dream Wave