Back to palettes

Palette

Marigold Zest Bloom

A cheerful and zesty blend of citrusy oranges and yellows with a playful pink.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF8C00#FFD700#FFEFD5#FFA500#FFC0CB

Palette guide

How to use Marigold Zest Bloom

Overview

The Marigold Zest Bloom palette is a cheerful and zesty blend of citrusy oranges and yellows with a playful pink accent. It features bright orange #FF8C00, golden yellow #FFD700, a soft cream #FFEFD5, a lively orange #FFA500, and a delicate pink #FFC0CB. This palette is an excellent choice for designers and developers looking to create fun, energetic, and approachable designs. The combination evokes a sense of summer, fresh fruit, and lighthearted playfulness, making it ideal for brands targeting a youthful or joyful audience.

Best used for

  • Children's brands and educational content
  • Playful websites and digital experiences
  • Summer product packaging and promotions
  • Confectionery and sweet treat branding
  • Creative design projects and illustrations
  • Vibrant social media content and campaigns

Suggested color roles

primary

Use #FF8C00 as an energetic primary for main branding, calls to action, or elements that need to stand out vibrantly.

secondary

Employ #FFD700 for supporting details, subheadings, or to add a layer of cheerful warmth.

accent

Apply #FFC0CB as a playful accent for decorative elements, subtle highlights, or to introduce a unique, soft pop.

background

Utilize #FFEFD5 as a light, soft, and inviting canvas that allows the brighter colors to shine.

text

For optimal readability, use black or dark charcoal for text on #FFEFD5 or #FFD700. #FF8C00 or #FFA500 can be used for headings.

Accessibility notes

  • Ensure black or dark text has sufficient contrast on #FFEFD5 and #FFD700 for readability.
  • Avoid using #FFC0CB for small body text on #FFEFD5 due to low contrast; reserve for decorative or large display elements.
  • The vibrant #FF8C00 and #FFD700 offer good contrast against a neutral background for important information.
  • Use the pink #FFC0CB primarily as a decorative accent rather than for critical information due to its light tone.

Recommended combinations

Zesty Pop

Perfect for playful branding, vibrant UI elements, and designs aiming for a cheerful, energetic feel.

#FF8C00 · #FFD700 · #FFC0CB

Soft Citrus

Ideal for light backgrounds, subtle accents, and creating a soft yet inviting aesthetic.

#FFEFD5 · #FFA500 · #FFC0CB

Energetic Bloom

Suitable for layered graphics, cheerful illustrations, and creating dynamic visual compositions.

#FFD700 · #FF8C00 · #FFA500

CSS variables

:root {
  --marigold-zest-bloom-1: #FF8C00;
  --marigold-zest-bloom-2: #FFD700;
  --marigold-zest-bloom-3: #FFEFD5;
  --marigold-zest-bloom-4: #FFA500;
  --marigold-zest-bloom-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "marigold-zest-bloom": {
        1: "#FF8C00",
        2: "#FFD700",
        3: "#FFEFD5",
        4: "#FFA500",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

playful orange yellow pinkzesty color schememarigold bloom palettecheerful summer colorsvibrant fruit tones

Palette colors

Hex values

Color 1#FF8C00
·
Color 2#FFD700
·
Color 3#FFEFD5
·
Color 4#FFA500
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.1:1Fail
1.2:1Fail
1.5:1Fail
2
1.7:1Fail
1.2:1Fail
1.4:1Fail
1.1:1Fail
3
2.1:1Fail
1.2:1Fail
1.7:1Fail
1.4:1Fail
4
1.2:1Fail
1.4:1Fail
1.7:1Fail
1.3:1Fail
5
1.5:1Fail
1.1:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Marigold Zest Bloom

View all vibrant
Gummy Candy Burst
Sun-Kissed Berry Burst
Sweet Berry Harvest
Tropical Fiesta Fizz
Tropical Fruit Burst
Berry Blossom