Palette

Golden Field Radiance

Capturing the ethereal glow of the sun as it dips below the horizon, bathing a field in golden light.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DAA520#FFD700#F4A460#B8860B#6B8E23

Palette guide

How to use Golden Field Radiance

Overview

The "Golden Field Radiance" palette evokes the serene beauty of a sun-drenched landscape, perfect for designs seeking natural warmth and organic appeal. Featuring rich golden hues like #DAA520 (Goldenrod) and #FFD700 (Gold), complemented by the soft #F4A460 (Sandy Brown) and grounding #B8860B (Dark Goldenrod), it's balanced by the earthy #6B8E23 (Olive Drab). This harmonious blend provides a versatile base for designers and developers aiming to create inviting, authentic, and visually comforting digital or physical experiences. Its gentle glow suggests a peaceful, established, and wholesome aesthetic, ideal for conveying quality and natural elegance.

Best used for

Nature-inspired branding and logos
Eco-friendly product packaging
Rustic wedding or event invitations
Website designs for organic farms or artisanal goods
Autumnal digital marketing campaigns
Interior decor concepts for cozy, inviting spaces

Suggested color roles

primary

#DAA520 (Goldenrod) - Use for prominent headers, key calls-to-action, or main graphical elements to establish a rich, warm foundation.

secondary

#F4A460 (Sandy Brown) - Ideal for supporting content blocks, secondary buttons, or background elements that need a softer, approachable warmth.

accent

#6B8E23 (Olive Drab) - Deploy sparingly for impactful highlights, icons, or to introduce a subtle natural contrast that draws the eye.

background

A very light cream or off-white, or a pale tint of #F4A460, to allow the golden tones to truly radiate without overwhelming the user.

text

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

Accessibility notes

Ensure sufficient contrast between #F4A460 and text, especially when used as a background.
Pair #FFD700 with darker text like black or #B8860B to meet WCAG contrast ratios.
Use #6B8E23 as an accent color with adequate contrast against its surrounding elements.
Avoid using #DAA520 and #B8860B exclusively for conveying information without additional cues.

Recommended combinations

Sunlit Meadow

For vibrant headers or feature sections, combining bright gold with earthy green.

#FFD700 · #DAA520 · #6B8E23

Earthy Warmth

Creates a grounded, inviting feel for body content or rustic branding.

#B8860B · #F4A460 · #DAA520

Golden Glow

Perfect for subtle gradients or warm, welcoming UI elements and banners.

#DAA520 · #FFD700 · #F4A460

CSS variables

:root {
  --golden-field-radiance-1: #DAA520;
  --golden-field-radiance-2: #FFD700;
  --golden-field-radiance-3: #F4A460;
  --golden-field-radiance-4: #B8860B;
  --golden-field-radiance-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-field-radiance": {
        1: "#DAA520",
        2: "#FFD700",
        3: "#F4A460",
        4: "#B8860B",
        5: "#6B8E23",
      }
    }
  }
}

Hex values

Color 1#DAA520

Color 2#FFD700

Color 3#F4A460

Color 4#B8860B

Color 5#6B8E23

Accessibility

Contrast checker

1.6:1Fail

1.1:1Fail

1.5:1Fail

1.7:1Fail

1.6:1Fail

1.4:1Fail

2.3:1Fail

2.7:1Fail

1.1:1Fail

1.4:1Fail

1.6:1Fail

1.9:1Fail

1.5:1Fail

2.3:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

2.7:1Fail

1.9:1Fail

1.2:1Fail

Similar palettes

More like Golden Field Radiance

Golden Field Radiance

See it in context.

Ready when you are.

Built with Golden Field Radiance.

How to use Golden Field Radiance

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunlit Meadow

Earthy Warmth

Golden Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Golden Field Radiance