Back to palettes

Palette

Sunset Grassland Haze

The soft, warm glow of the sun dipping below the horizon over a vast, open grassland.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Grassland Haze 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 Sunset Grassland Haze.

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

Data visualization

#D4AF37#E9C967#F2D79A#A38B2E#7B6822

Palette guide

How to use Sunset Grassland Haze

Overview

The Sunset Grassland Haze palette captures the soft, warm glow of the sun dipping below the horizon over a vast, open grassland, offering a natural and serene aesthetic. This collection features rich golden and earthy tones, from the deep, grounding #7B6822 and the warm #A38B2E to the radiant #D4AF37. Lighter, hazy shades like #E9C967 and the luminous #F2D79A provide a delicate contrast, reminiscent of sun-kissed fields. Designers can utilize this palette for projects requiring a sense of tranquility, natural beauty, or rustic elegance, such as eco-friendly branding, outdoor adventure websites, or organic product packaging. It creates an inviting atmosphere, drawing on the calm of a prairie sunset.

Best used for

  • Organic food and beverage brands
  • Nature photography portfolios
  • Eco-tourism websites
  • Sustainable lifestyle blogs
  • Rustic wedding themes
  • Outdoor apparel and gear

Suggested color roles

primary

Use #D4AF37 (Goldenrod) for main headings, calls-to-action, or key brand elements to convey natural warmth and importance.

secondary

Apply #A38B2E (Olive Drab) for important subheadings, navigation, or strong accent lines, providing grounding and depth.

accent

Highlight with #E9C967 (Pale Gold) for interactive states, subtle icons, or decorative elements to add a gentle, luminous touch.

background

Utilize #F2D79A (Light Beige) as a soft, warm background color, ensuring excellent readability and a serene canvas.

text

For body text, #7B6822 (Dark Olive Green) offers excellent contrast and reinforces the palette's earthy, natural feel. Black is also suitable.

Accessibility notes

  • Ensure strong contrast for text on #F2D79A; prefer #7B6822 or black for optimal readability.
  • The contrast between #E9C967 and #D4AF37 might be low for small text; use them for larger elements or accents.
  • Verify that #A38B2E provides sufficient contrast against both lighter and darker shades if used for interactive components.
  • Avoid placing #E9C967 directly on #F2D79A for critical information due to their similar light values.

Recommended combinations

Prairie Glow

Create depth and warmth; #F2D79A as a soft background, #D4AF37 for primary content, and #A38B2E for grounding details.

#F2D79A · #D4AF37 · #A38B2E

Earthy Gold

Ideal for a rich, natural look; #7B6822 as a deep base, #A38B2E for strong accents, and #E9C967 for subtle highlights.

#7B6822 · #A38B2E · #E9C967

Hazy Sunset

Perfect for soft gradients, background textures, or illustrations that evoke a gentle, atmospheric blend.

#F2D79A · #E9C967 · #D4AF37

CSS variables

:root {
  --sunset-grassland-haze-1: #D4AF37;
  --sunset-grassland-haze-2: #E9C967;
  --sunset-grassland-haze-3: #F2D79A;
  --sunset-grassland-haze-4: #A38B2E;
  --sunset-grassland-haze-5: #7B6822;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-grassland-haze": {
        1: "#D4AF37",
        2: "#E9C967",
        3: "#F2D79A",
        4: "#A38B2E",
        5: "#7B6822",
      }
    }
  }
}

Related searches

grassland color schemegolden prairie palettenatural warm tonesearthy sunset colorsrustic gold design

Palette colors

Hex values

Color 1#D4AF37
·
Color 2#E9C967
·
Color 3#F2D79A
·
Color 4#A38B2E
·
Color 5#7B6822
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.6:1Fail
2.6:1Fail
2
1.3:1Fail
1.1:1Fail
2.1:1Fail
3.4:1AA18
3
1.5:1Fail
1.1:1Fail
2.4:1Fail
3.9:1AA18
4
1.6:1Fail
2.1:1Fail
2.4:1Fail
1.6:1Fail
5
2.6:1Fail
3.4:1AA18
3.9:1AA18
1.6:1Fail

Similar palettes

More like Sunset Grassland Haze

View all warm
Golden Hour Horizon
Golden Hour Prairie
Golden Hour Prairie
Amber Sundown Glow
Amber Wheat Harvest
Golden Field Radiance