Back to palettes

Palette

Marigold Sunburst

A vibrant explosion of warm hues, celebrating the joyous burst of marigold blossoms under the sun.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#DC143C#228B22#8B4513

Palette guide

How to use Marigold Sunburst

Overview

The Marigold Sunburst palette is a vibrant explosion of warm hues, celebrating the joyous burst of marigold blossoms under the sun. It features bright gold #FFD700, vibrant orange #FFA500, a striking red #DC143C, a refreshing green #228B22, and an earthy brown #8B4513. This palette is an excellent choice for designers and developers seeking to create energetic, lively, and eye-catching designs. It perfectly balances warmth with playful contrast, making it suitable for projects that aim to evoke celebration, nature, and bold statements.

Best used for

  • Festive marketing and event promotions
  • Garden center and floral shop branding
  • Children's toys and educational materials
  • Cultural event and festival branding
  • Food product labels and packaging
  • Craft projects and DIY design

Suggested color roles

primary

Utilize #FFD700 as a bright, cheerful primary color for main branding, headlines, or to convey immediate joy.

secondary

Employ #FFA500 for supporting visual elements, subheadings, or to add warmth and vibrancy.

accent

Apply #DC143C or #228B22 for bold calls to action, striking highlights, or to introduce dynamic contrast.

background

A light neutral like white or cream is recommended to let these vibrant colors truly pop. #FFD700 can be a bold background.

text

For optimal readability on light backgrounds, use #8B4513 or black. White text provides excellent contrast on #DC143C or #228B22.

Accessibility notes

  • Ensure #8B4513 text on #FFD700 background meets WCAG contrast standards for clear readability.
  • Avoid using #FFA500 on #FFD700 for small body text due to low contrast; reserve for larger display text.
  • The red (#DC143C) and green (#228B22) are strong accents; use them thoughtfully to ensure readability against other colors.
  • White text on #DC143C or #228B22 will provide excellent readability for key information.

Recommended combinations

Festive Bloom

Perfect for bold event posters, vibrant branding, and designs needing high visual impact.

#FFD700 · #DC143C · #228B22

Warm Earth

Ideal for natural product packaging, cozy themes, and designs with an organic, grounded feel.

#FFA500 · #8B4513 · #FFD700

Dynamic Pop

Effective for interactive elements, striking contrasts, and creating energetic visual compositions.

#228B22 · #DC143C · #FFA500

CSS variables

:root {
  --marigold-sunburst-1: #FFD700;
  --marigold-sunburst-2: #FFA500;
  --marigold-sunburst-3: #DC143C;
  --marigold-sunburst-4: #228B22;
  --marigold-sunburst-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "marigold-sunburst": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#DC143C",
        4: "#228B22",
        5: "#8B4513",
      }
    }
  }
}

Related searches

vibrant floral paletteenergetic warm colorsmarigold inspired designsunny garden schemebold festive hues

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#DC143C
·
Color 4#228B22
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.6:1AA18
3.1:1AA18
5.1:1AA
2
1.4:1Fail
2.5:1Fail
2.2:1Fail
3.6:1AA18
3
3.6:1AA18
2.5:1Fail
1.1:1Fail
1.4:1Fail
4
3.1:1AA18
2.2:1Fail
1.1:1Fail
1.6:1Fail
5
5.1:1AA
3.6:1AA18
1.4:1Fail
1.6:1Fail

Similar palettes

More like Marigold Sunburst

View all vibrant
Fiery Sunset Chroma
Golden Hour Zest
Marigold Sunshine
Summer Bloom Nectar
Sunflower Field Bright
Vibrant Fiesta Flare