Back to palettes

Palette

Orchard Nectar

Sweet, golden yellows and rich ambers, like the concentrated essence of ripened orchard fruits.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F2C86C#E6A844#C78426#A16113#7A420A

Palette guide

How to use Orchard Nectar

Overview

The Orchard Nectar palette captures the sweet, golden essence of ripened orchard fruits with its rich ambers and deep browns. This warm collection transitions beautifully from a bright #F2C86C (golden yellow) to a profound #7A420A (deep brown). Key colors like #E6A844 (rich gold) and #C78426 (amber) provide an inviting and luxurious feel. Designers and developers will find this natural palette excellent for creating sophisticated, warm, and gourmet-inspired digital or print experiences. It's an ideal choice for projects that aim to convey quality, tradition, and a concentrated richness, ensuring a visually appealing and impactful presence.

Best used for

  • Honey and gourmet food product branding
  • Autumnal marketing campaigns and promotions
  • Natural remedy and wellness brand identities
  • Sophisticated web interfaces and dashboards
  • Luxury packaging design
  • Editorial design for lifestyle magazines

Suggested color roles

primary

Utilize #E6A844 (rich gold) as a central, vibrant primary color for headings, key calls to action, or prominent brand elements.

secondary

Apply #C78426 (amber) for supporting content, subheadings, or to add a warm, inviting depth.

accent

Reserve #7A420A (deep brown) for grounding accents, important information, or to provide strong visual contrast and sophistication.

background

Use #F2C86C (golden yellow) as a warm, bright background for vibrant sections, or a light cream for content-heavy areas.

text

For optimal legibility, use #7A420A (deep brown) for body text and headings on lighter backgrounds.

Accessibility notes

  • Ensure high contrast between #7A420A (deep brown) text and #F2C86C (golden yellow) backgrounds for readability.
  • Be cautious when pairing adjacent golden tones like #E6A844 and #C78426 for small text; use a darker color for text.
  • White text should be used on darker hues like #A16113 and #7A420A to meet accessibility standards.
  • Always test all color combinations with a contrast checker to ensure readability.

Recommended combinations

Golden Contrast

Excellent for clear text on a light background, complemented by a rich, warm accent, ideal for headlines and body.

#F2C86C · #7A420A · #E6A844

Amber Gradient

Ideal for creating smooth, luxurious visual transitions in hero sections, banners, or decorative backgrounds.

#E6A844 · #C78426 · #A16113

Nectar Layers

Use for layered card designs, subtle background patterns, or to define distinct sections with rich warmth.

#F2C86C · #A16113 · #7A420A

CSS variables

:root {
  --orchard-nectar-1: #F2C86C;
  --orchard-nectar-2: #E6A844;
  --orchard-nectar-3: #C78426;
  --orchard-nectar-4: #A16113;
  --orchard-nectar-5: #7A420A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-nectar": {
        1: "#F2C86C",
        2: "#E6A844",
        3: "#C78426",
        4: "#A16113",
        5: "#7A420A",
      }
    }
  }
}

Related searches

golden honey paletterich amber colorsautumn fruit nectarwarm yellow browngourmet brand colors

Palette colors

Hex values

Color 1#F2C86C
·
Color 2#E6A844
·
Color 3#C78426
·
Color 4#A16113
·
Color 5#7A420A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.1:1AA18
5.1:1AA
2
1.3:1Fail
1.5:1Fail
2.4:1Fail
3.8:1AA18
3
2:1Fail
1.5:1Fail
1.6:1Fail
2.6:1Fail
4
3.1:1AA18
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
5.1:1AA
3.8:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Orchard Nectar

View all warm