Palette

Orchard Nectar Dusk

A warm, mellow palette inspired by ripened fruits and the soft, golden light of an orchard at dusk.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F1D4AF#E2B38A#B06E5D#6E4F42#C19277

Palette guide

How to use Orchard Nectar Dusk

Overview

The Orchard Nectar Dusk palette is a warm, mellow collection inspired by ripened fruits and the soft, golden light of an orchard at dusk. It features a comforting range from light #F1D4AF (light peach) to deep #6E4F42 (dark brown). Inviting mid-tones like #E2B38A (medium peach) and #B06E5D (rosy brown) create a harmonious and grounded feel. This natural palette is perfect for designers and developers aiming to evoke a sense of heritage, warmth, and rustic charm in their projects. It's an excellent choice for creating designs that feel both established and inviting, ensuring a timeless and serene visual experience.

Best used for

Rustic wedding stationery and decor
Artisanal craft and handmade product branding
Natural food and beverage marketing
Heritage brand websites and content
Cozy interior design concepts
Photography portfolios with a warm aesthetic

Suggested color roles

primary

Utilize #E2B38A (medium peach) as a soft, inviting primary color for headings, main graphics, or key interactive elements.

secondary

Apply #C19277 (rosy beige) for supporting content, subheadings, or to add a comforting, versatile tone.

accent

Reserve #6E4F42 (dark brown) for strong contrasts, important calls to action, or deep, grounding accents, providing visual weight.

background

Use #F1D4AF (light peach) as a warm, soft, and highly readable background, perfect for a mellow feel.

text

For optimal legibility, use #6E4F42 (dark brown) for body text and headings on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast between #6E4F42 (dark brown) text and #F1D4AF (light peach) backgrounds for readability.
Be cautious when pairing #E2B38A (medium peach) and #C19277 (rosy beige) for small text; use a darker color for text.
Always test color combinations with a contrast checker to meet WCAG contrast guidelines.
The darker browns offer excellent contrast for text; prioritize them on lighter palette colors.

Recommended combinations

Dusk Contrast

Excellent for clear text on a light background, complemented by a rich, warm accent for emphasis in UI.

#F1D4AF · #6E4F42 · #B06E5D

Mellow Gradient

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

#E2B38A · #B06E5D · #C19277

Orchard Layers

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

#F1D4AF · #C19277 · #6E4F42

CSS variables

:root {
  --orchard-nectar-dusk-1: #F1D4AF;
  --orchard-nectar-dusk-2: #E2B38A;
  --orchard-nectar-dusk-3: #B06E5D;
  --orchard-nectar-dusk-4: #6E4F42;
  --orchard-nectar-dusk-5: #C19277;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchard-nectar-dusk": {
        1: "#F1D4AF",
        2: "#E2B38A",
        3: "#B06E5D",
        4: "#6E4F42",
        5: "#C19277",
      }
    }
  }
}

Hex values

Color 1#F1D4AF

Color 2#E2B38A

Color 3#B06E5D

Color 4#6E4F42

Color 5#C19277

Accessibility

Contrast checker

1.3:1Fail

2.8:1Fail

5.2:1AA

1.9:1Fail

1.3:1Fail

2.1:1Fail

3.9:1AA18

1.4:1Fail

2.8:1Fail

2.1:1Fail

1.8:1Fail

1.5:1Fail

5.2:1AA

3.9:1AA18

1.8:1Fail

2.7:1Fail

1.9:1Fail

1.4:1Fail

1.5:1Fail

2.7:1Fail

Similar palettes

More like Orchard Nectar Dusk

Golden Harvest Fields

Golden Hour Harvest

Golden Orchard Glow