Back to palettes

Palette

Sun Kissed Nectar

Luminous and sweet, these yellows and golds shimmer with the warmth of a setting sun and rich honey.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6B53A#F5D37E#FAEEC3#B28F2D#CBB45C

Palette guide

How to use Sun Kissed Nectar

Overview

The Sun Kissed Nectar palette is a luminous collection of golden and honeyed tones, designed to evoke warmth, richness, and a touch of luxury. It features a radiant gold (#E6B53A), a softer, sun-drenched yellow (#F5D37E), and a creamy, near-white (#FAEEC3), alongside deeper, more grounding golden browns like #B28F2D and #CBB45C. This palette beautifully captures the essence of sweet honey and the gentle glow of a setting sun. Designers can use these colors to create inviting, sophisticated, and visually rich designs, perfect for premium branding or cozy digital experiences.

Best used for

  • Luxury product branding and packaging
  • Gourmet food and beverage marketing
  • Warm and inviting website themes
  • Autumnal seasonal campaigns
  • Interior design and home decor inspiration
  • Wedding invitations with a golden touch

Suggested color roles

primary

Utilize #E6B53A as a prominent primary for branding, headings, or key graphical elements to convey richness and warmth.

secondary

Apply #B28F2D for supporting elements, navigation, or deep accents, providing a strong, earthy foundation.

accent

Introduce #F5D37E as a bright accent for highlights, calls to action, or decorative details, adding a luminous touch.

background

Employ #FAEEC3 as a soft, creamy background, offering an elegant canvas that enhances the golden tones.

text

For optimal readability, use a dark brown, black, or deep charcoal for body text, ensuring sufficient contrast against the golden shades.

Accessibility notes

  • Ensure sufficient contrast for text on #FAEEC3 and #F5D37E, using dark text for readability.
  • Be mindful of contrast when layering different golden shades, especially for smaller text elements.
  • Avoid pairing very light text with #F5D37E or #FAEEC3 to prevent readability issues.
  • Use a clear, legible font style to complement the luxurious feel and aid accessibility.

Recommended combinations

Golden Glow

Perfect for creating a radiant and welcoming visual, ideal for hero sections or premium product showcases.

#E6B53A · #F5D37E · #FAEEC3

Nectar Depth

Excellent for adding sophistication and grounding elements, suitable for footers or detailed content blocks.

#B28F2D · #CBB45C · #E6B53A

Honeyed Warmth

Use this combination for a soft, inviting aesthetic, such as in testimonials or gentle informational graphics.

#F5D37E · #FAEEC3 · #CBB45C

CSS variables

:root {
  --sun-kissed-nectar-1: #E6B53A;
  --sun-kissed-nectar-2: #F5D37E;
  --sun-kissed-nectar-3: #FAEEC3;
  --sun-kissed-nectar-4: #B28F2D;
  --sun-kissed-nectar-5: #CBB45C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-nectar": {
        1: "#E6B53A",
        2: "#F5D37E",
        3: "#FAEEC3",
        4: "#B28F2D",
        5: "#CBB45C",
      }
    }
  }
}

Related searches

honey gold color palettewarm golden huesrich nectar schemeluxury yellow tonessunlit amber colors

Palette colors

Hex values

Color 1#E6B53A
·
Color 2#F5D37E
·
Color 3#FAEEC3
·
Color 4#B28F2D
·
Color 5#CBB45C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.6:1Fail
1.1:1Fail
2
1.3:1Fail
1.2:1Fail
2.1:1Fail
1.4:1Fail
3
1.6:1Fail
1.2:1Fail
2.6:1Fail
1.8:1Fail
4
1.6:1Fail
2.1:1Fail
2.6:1Fail
1.5:1Fail
5
1.1:1Fail
1.4:1Fail
1.8:1Fail
1.5:1Fail

Similar palettes

More like Sun Kissed Nectar

View all warm