Back to palettes

Palette

Whimsical Garden Bloom

A soft and joyful array, imagining a whimsical garden bursting with unexpected pastel flowers.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#87CEEB#9ACD32#DAA520#9370DB

Palette guide

How to use Whimsical Garden Bloom

Overview

The Whimsical Garden Bloom palette is a vibrant explosion of unexpected, playful hues, reminiscent of a fantastical garden. Featuring a cheerful pastel pink (#FFB6C1), a bright sky blue (#87CEEB), a lively lime green (#9ACD32), a warm goldenrod (#DAA520), and a striking medium purple (#9370DB), this collection is designed to evoke joy and creativity. It's an excellent choice for projects that aim to be cheerful, imaginative, and stand out with a distinct, playful personality. Designers can use these colors to craft lively interfaces, captivating illustrations, or memorable branding that radiates energy.

Best used for

  • Children's educational apps and websites
  • Creative arts and craft blogs
  • Festival and event promotional materials
  • Playful fashion accessories branding
  • Unique floral design studios
  • Interactive digital greeting cards

Suggested color roles

primary

The cheerful pastel pink, #FFB6C1, can establish a friendly, inviting tone for main content areas or brand identity.

secondary

The bright sky blue, #87CEEB, or lively lime green, #9ACD32, can offer strong visual contrast and support, ideal for secondary sections or infographics.

accent

The warm goldenrod, #DAA520, or the striking medium purple, #9370DB, are perfect for high-impact call-to-actions, navigation elements, or key illustrations.

background

Use a very light neutral like off-white or a subtle shade of #87CEEB for a clean, vibrant backdrop that allows the other colors to shine.

text

A dark charcoal or black provides excellent readability, especially against the lighter pink, blue, or green. Consider #9370DB for headings.

Accessibility notes

  • Be mindful of contrast when placing #9ACD32 text on #DAA520 or #FFB6C1 backgrounds; check WCAG AA compliance.
  • Text on #FFB6C1 requires a dark color (e.g., black or dark gray) for readability.
  • Ensure interactive elements using #DAA520 or #9370DB have sufficient contrast against their surrounding elements.
  • Avoid using #87CEEB text on #FFB6C1 backgrounds, as the contrast might be insufficient for accessibility.

Recommended combinations

Sunny Meadow

Creates a fresh, vibrant, and youthful feel, ideal for playful branding or digital interfaces.

#FFB6C1 · #9ACD32 · #87CEEB

Bold Bloom

Delivers a strong, artistic statement, perfect for accentuating key features or unique designs.

#DAA520 · #9370DB · #FFB6C1

Sky & Earth

Offers a balanced, natural yet vibrant combination, suitable for outdoor-themed or educational content.

#87CEEB · #9ACD32 · #DAA520

CSS variables

:root {
  --whimsical-garden-bloom-1: #FFB6C1;
  --whimsical-garden-bloom-2: #87CEEB;
  --whimsical-garden-bloom-3: #9ACD32;
  --whimsical-garden-bloom-4: #DAA520;
  --whimsical-garden-bloom-5: #9370DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-garden-bloom": {
        1: "#FFB6C1",
        2: "#87CEEB",
        3: "#9ACD32",
        4: "#DAA520",
        5: "#9370DB",
      }
    }
  }
}

Related searches

vibrant pastel garden paletteplayful floral color schemewhimsical bright colorsunique garden hex codescheerful spring design palette

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#87CEEB
·
Color 3#9ACD32
·
Color 4#DAA520
·
Color 5#9370DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.4:1Fail
2.3:1Fail
2
1.1:1Fail
1.1:1Fail
1.3:1Fail
2.2:1Fail
3
1.1:1Fail
1.1:1Fail
1.2:1Fail
2:1Fail
4
1.4:1Fail
1.3:1Fail
1.2:1Fail
1.7:1Fail
5
2.3:1Fail
2.2:1Fail
2:1Fail
1.7:1Fail

Similar palettes

More like Whimsical Garden Bloom

View all pastel
Awakening Flora Hues
Cloud Fluff Whimsy
Glimmering Pixie Dust
Pastel Cloud Confection
Whimsical Cloud Treat
Whimsical Fairy Bloom