Palette

Golden Field Sun

A golden, sun-kissed palette mirroring the warm glow and earthy tones of a sunflower field under a hazy sky.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Field Sun 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 Golden Field Sun.

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

Data visualization

#FFD700#DAA520#B8860B#8B4513#CD853F

Palette guide

How to use Golden Field Sun

Overview

The "Golden Field Sun" palette emanates the rich, warm glow of a sunflower field under a hazy sky, featuring a spectrum of radiant golds and earthy browns. Dominant hues like #FFD700 (Gold) and #DAA520 (Goldenrod) are beautifully grounded by the deeper #B8860B (Dark Goldenrod), #8B4513 (Saddle Brown), and the inviting #CD853F (Peru). This selection offers designers and developers a robust yet comforting array of colors ideal for projects requiring a rustic, sunny, and natural aesthetic. It's perfect for conveying warmth, authenticity, and a connection to the bountiful outdoors, making designs feel both vibrant and established.

Best used for

Rustic and farmhouse-style branding
Packaging for artisanal baked goods or coffee
Websites for florists or garden centers
Autumn fashion collections or lookbooks
Digital content related to harvest festivals
Cozy cafe or restaurant interior design concepts

Suggested color roles

primary

#FFD700 (Gold) - Use for striking headlines, key calls-to-action, or focal points to capture immediate attention with its sunny vibrancy.

secondary

#DAA520 (Goldenrod) - Ideal for subheadings, navigation elements, or secondary sections, offering a slightly muted but still warm support.

accent

#8B4513 (Saddle Brown) - Deploy sparingly for a strong, earthy contrast in icons, borders, or important data points.

background

A soft cream or very pale beige, allowing the richness of the golds and browns to pop effectively.

text

#B8860B (Dark Goldenrod) for headings, or a deep charcoal/black for body text, ensuring clear readability against lighter backgrounds.

Accessibility notes

Ensure #FFD700 has sufficient contrast when used with very light backgrounds for text.
Pair #CD853F with a lighter background or text for improved readability.
Use #8B4513 as text color only on very light, contrasting backgrounds.
Avoid relying solely on color differences between #DAA520 and #B8860B to convey information.

Recommended combinations

Sunny Earth

Creates a lively yet grounded feel, excellent for hero sections or product displays.

#FFD700 · #CD853F · #DAA520

Rustic Glow

Ideal for warm, inviting body content or traditional branding elements.

#B8860B · #DAA520 · #8B4513

Deep Harvest

Provides strong contrast and rich depth, suitable for footers or impactful callouts.

#8B4513 · #CD853F · #FFD700

CSS variables

:root {
  --golden-field-sun-1: #FFD700;
  --golden-field-sun-2: #DAA520;
  --golden-field-sun-3: #B8860B;
  --golden-field-sun-4: #8B4513;
  --golden-field-sun-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-field-sun": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#B8860B",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#DAA520

Color 3#B8860B

Color 4#8B4513

Color 5#CD853F

Accessibility

Contrast checker

1.6:1Fail

2.3:1Fail

5.1:1AA

2.1:1Fail

1.6:1Fail

1.5:1Fail

3.2:1AA18

1.3:1Fail

2.3:1Fail

1.5:1Fail

2.2:1Fail

1.1:1Fail

5.1:1AA

3.2:1AA18

2.2:1Fail

2.4:1Fail

2.1:1Fail

1.3:1Fail

1.1:1Fail

2.4:1Fail

Similar palettes

More like Golden Field Sun

View all warm

Sun-Kissed Wheatfield

Wildflower Honey Bloom

Cabin Hearth

Desert Bloom Mirage

Ember Grove Sunset

Golden Afternoon Glow