Back to palettes

Palette

Sunbeam Garden Bloom

A cheerful mix of bright floral and sunny yellow tones, reminiscent of a vibrant garden.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbeam Garden 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 Sunbeam Garden Bloom.

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

Data visualization

#FFD700#FFC0CB#DA70D6#9ACD32#FFFACD

Palette guide

How to use Sunbeam Garden Bloom

Overview

The Sunbeam Garden Bloom palette is a vibrant and cheerful collection, reminiscent of a lively garden bursting with color under the sun. Featuring a bright gold, #FFD700, a soft pink, #FFC0CB, a vivid fuchsia, #DA70D6, and a fresh green, #9ACD32, alongside a creamy yellow, #FFFACD, this palette offers designers and developers an energetic and playful aesthetic. It's perfect for projects that aim to convey joy, creativity, and a fresh, lively spirit, making it versatile for both digital and print applications requiring a cheerful and dynamic presence.

Best used for

  • Children's product branding and packaging
  • Spring and summer marketing campaigns
  • Creative and artistic portfolios
  • Event invitations and party decor
  • Vibrant web design for lifestyle blogs
  • Playful mobile app interfaces

Suggested color roles

primary

Utilize #FFD700 as the leading color for its bright, sunny, and optimistic presence, suitable for main branding.

secondary

Apply #FFC0CB for softer, playful elements, subheadings, or backgrounds where a gentle warmth is desired.

accent

Incorporate #DA70D6 sparingly for high-impact accents, calls-to-action, or to create a bold, energetic focal point.

background

Employ #FFFACD as a clean, light background, providing excellent contrast for darker text and maintaining a cheerful feel.

text

For optimal readability, use a dark charcoal or classic black on lighter backgrounds, ensuring strong contrast against the vibrant hues.

Accessibility notes

  • Ensure strong contrast for text on vibrant colors; use black or dark charcoal on #FFD700, #FFC0CB, and #FFFACD.
  • Avoid using #DA70D6 for small text on any background without careful contrast checking, as it can be challenging to read.
  • Utilize #9ACD32 for headings on #FFFACD, but ensure sufficient contrast for smaller body text.
  • Always test color combinations against WCAG guidelines for accessibility, especially with highly saturated colors.

Recommended combinations

Cheerful Trio

Ideal for creating a balanced, joyful, and fresh visual theme across various design elements.

#FFD700 · #FFC0CB · #9ACD32

Bold Bloom

Effective for high-impact sections, banners, or calls-to-action, combining vibrancy with a soft base.

#DA70D6 · #FFD700 · #FFFACD

Garden Fresh

Perfect for backgrounds and secondary elements where a light, airy, and naturally refreshing feel is desired.

#9ACD32 · #FFFACD · #FFC0CB

CSS variables

:root {
  --sunbeam-garden-bloom-1: #FFD700;
  --sunbeam-garden-bloom-2: #FFC0CB;
  --sunbeam-garden-bloom-3: #DA70D6;
  --sunbeam-garden-bloom-4: #9ACD32;
  --sunbeam-garden-bloom-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbeam-garden-bloom": {
        1: "#FFD700",
        2: "#FFC0CB",
        3: "#DA70D6",
        4: "#9ACD32",
        5: "#FFFACD",
      }
    }
  }
}

Related searches

vibrant garden palettecheerful spring colorsfloral bright schemeplayful yellow pinkenergetic design colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFC0CB
·
Color 3#DA70D6
·
Color 4#9ACD32
·
Color 5#FFFACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.1:1Fail
1.3:1Fail
1.3:1Fail
2
1.1:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail
3
2.1:1Fail
1.9:1Fail
1.5:1Fail
2.7:1Fail
4
1.3:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
5
1.3:1Fail
1.5:1Fail
2.7:1Fail
1.8:1Fail

Similar palettes

More like Sunbeam Garden Bloom

View all vibrant
Arid Bloom Blaze
Blooming Cactus
Electric Bloom
Electric Jungle Bloom
Jungle Chroma Flare
Meadow Bloom