Back to palettes

Palette

Marigold Sunshine

A cheerful burst of golden yellows and fiery oranges, like vibrant marigold flowers basking in sunshine.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Marigold Sunshine 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 Marigold Sunshine.

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

Data visualization

#FFD700#FFA500#FF8C00#FF4500#FF2D00

Palette guide

How to use Marigold Sunshine

Overview

The Marigold Sunshine palette delivers a cheerful burst of golden yellows and fiery oranges, reminiscent of vibrant marigold flowers basking in sunshine. This monochromatic-adjacent collection features bright gold #FFD700, vibrant oranges #FFA500, #FF8C00, #FF4500, and a fiery red-orange #FF2D00. It's an excellent choice for designers and developers aiming to create energetic, warm, and inviting digital experiences. The intense progression of warm tones conveys enthusiasm, happiness, and a strong sense of vitality, perfect for projects needing to evoke summer and joy.

Best used for

  • Summer marketing campaigns and advertisements
  • Energetic brand identities and logos
  • Children's educational materials and apps
  • Food and beverage promotions (especially citrus)
  • Travel and leisure website designs
  • Cheerful event and party designs

Suggested color roles

primary

Use #FFD700 as the brightest primary for main branding, immediate cheer, or expansive backgrounds.

secondary

Employ #FFA500 or #FF8C00 for supporting elements, subheadings, or to add layers of warmth and dimension.

accent

Apply #FF2D00 for strong calls to action, high-impact visuals, or to introduce a fiery intensity.

background

Utilize #FFD700 for a very bright and immersive base, or pair with a neutral white or cream to let the colors truly pop.

text

For optimal readability on lighter shades, use black or a very dark charcoal. White text provides excellent contrast on #FF4500 or #FF2D00.

Accessibility notes

  • Contrast between adjacent colors (e.g., #FFD700 and #FFA500) will be low; use for large areas or decorative elements, not critical text.
  • Ensure black or dark text has sufficient contrast on #FFD700, which is the lightest tone.
  • Reserve the darkest orange (#FF2D00) for high-impact text or calls to action to maximize visibility.
  • White text on #FF4500 or #FF2D00 will provide significantly better readability than black text on these vibrant, darker oranges.

Recommended combinations

Sunshine Gradient

Ideal for smooth color transitions, warm backgrounds, and creating a sense of natural glow.

#FFD700 · #FFA500 · #FF8C00

Fiery Burst

Perfect for high-impact visuals, energetic headers, and drawing immediate attention to key elements.

#FF2D00 · #FF4500 · #FFD700

Golden Glow

Suitable for inviting UI elements, subtle highlights, and conveying a cheerful, approachable aesthetic.

#FF8C00 · #FFA500 · #FFD700

CSS variables

:root {
  --marigold-sunshine-1: #FFD700;
  --marigold-sunshine-2: #FFA500;
  --marigold-sunshine-3: #FF8C00;
  --marigold-sunshine-4: #FF4500;
  --marigold-sunshine-5: #FF2D00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "marigold-sunshine": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF8C00",
        4: "#FF4500",
        5: "#FF2D00",
      }
    }
  }
}

Related searches

golden orange palettesunny marigold colorsvibrant warm schemecheerful summer huesfiery yellow orange

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#FF8C00
·
Color 4#FF4500
·
Color 5#FF2D00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.5:1Fail
2.7:1Fail
2
1.4:1Fail
1.2:1Fail
1.7:1Fail
1.9:1Fail
3
1.7:1Fail
1.2:1Fail
1.5:1Fail
1.6:1Fail
4
2.5:1Fail
1.7:1Fail
1.5:1Fail
1.1:1Fail
5
2.7:1Fail
1.9:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Marigold Sunshine

View all vibrant
Arid Bloom Blaze
Citrus Burst Zest
Citrus Grove Delight
Citrus Grove Sparkle
Citrus Zest
Golden Hour Zest