Back to palettes

Palette

Fresh Orchard Blossom

Light and airy greens with delicate floral touches, capturing the essence of spring orchard blooms.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fresh Orchard Blossom 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 Fresh Orchard Blossom.

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

Data visualization

#E0E8C7#C7D4A6#A6C77D#8C9B5A#5A6D3A

Palette guide

How to use Fresh Orchard Blossom

Overview

The Fresh Orchard Blossom palette offers a delicate and natural array of muted greens, reminiscent of a serene spring orchard. From the airy #E0E8C7 to the grounding #5A6D3A, these colors exude an organic, subtle elegance. Designers and developers can utilize this harmonious collection to craft inviting user interfaces, establish a gentle and authentic brand presence, or create digital experiences that feel both calming and connected to nature. It's an excellent choice for projects where understated beauty, sustainability, and a touch of rustic charm are desired.

Best used for

  • Artisan food and craft brands
  • Natural cosmetics and skincare packaging
  • Botanical art and illustration
  • Sustainable fashion and home goods
  • Rustic wedding stationery
  • Farm-to-table restaurant branding

Suggested color roles

primary

Utilize #A6C77D as a soft, natural primary color for main content, headers, or gentle UI elements.

secondary

Employ #C7D4A6 for supporting text, background sections, or delicate patterns, adding a subtle layer of color.

accent

The deepest tone, #5A6D3A, can serve as a grounding accent for important details, strong contrast, or elegant outlines.

background

Opt for #E0E8C7 as a very pale, airy background to provide a clean and soft canvas for the palette.

text

For optimal readability on light backgrounds, use a dark brown or #5A6D3A. On darker shades, white or #E0E8C7 provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast for text on lighter shades like #E0E8C7 and #C7D4A6; use darker text colors.
  • The deep #5A6D3A offers good contrast for light text, making it suitable for headings or important information.
  • Avoid using #A6C77D for small text on similarly light backgrounds without careful contrast checks.
  • Provide clear visual focus indicators for interactive elements that rely on these subtle color shifts.

Recommended combinations

Orchard Base

Excellent for creating depth in branding, strong headers, or sections requiring a grounding, natural feel.

#5A6D3A · #8C9B5A · #A6C77D

Blossom Light

Ideal for light, airy backgrounds, delicate illustrations, or subtle content separation.

#E0E8C7 · #C7D4A6 · #A6C77D

Rustic Elegance

A balanced combination for body text and backgrounds, ensuring readability with a natural, sophisticated touch.

#8C9B5A · #C7D4A6 · #A6C77D

CSS variables

:root {
  --fresh-orchard-blossom-1: #E0E8C7;
  --fresh-orchard-blossom-2: #C7D4A6;
  --fresh-orchard-blossom-3: #A6C77D;
  --fresh-orchard-blossom-4: #8C9B5A;
  --fresh-orchard-blossom-5: #5A6D3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fresh-orchard-blossom": {
        1: "#E0E8C7",
        2: "#C7D4A6",
        3: "#A6C77D",
        4: "#8C9B5A",
        5: "#5A6D3A",
      }
    }
  }
}

Related searches

orchard green palettenatural earth tonesbotanical color schememuted green palettespring blossom colors

Palette colors

Hex values

Color 1#E0E8C7
·
Color 2#C7D4A6
·
Color 3#A6C77D
·
Color 4#8C9B5A
·
Color 5#5A6D3A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.4:1Fail
4.5:1AA18
2
1.2:1Fail
1.2:1Fail
1.9:1Fail
3.6:1AA18
3
1.5:1Fail
1.2:1Fail
1.6:1Fail
3:1AA18
4
2.4:1Fail
1.9:1Fail
1.6:1Fail
1.9:1Fail
5
4.5:1AA18
3.6:1AA18
3:1AA18
1.9:1Fail

Similar palettes

More like Fresh Orchard Blossom

View all earth
Grassy Knoll
Lush Meadow Dawn
Meadow Dew Kiss
Meadow Wildflower
Verdant Glade Light
Whispering Meadow Breeze