Back to palettes

Palette

Awakening Flora Hues

A light and cheerful palette, like a vibrant meadow bursting with new life and soft spring flowers, full of joy.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Awakening Flora Hues 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 Awakening Flora Hues.

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

Data visualization

#F0E68C#DDA0DD#8FBC8F#FFDAB9#87CEEB

Palette guide

How to use Awakening Flora Hues

Overview

The Awakening Flora Hues palette is a light and cheerful collection, like a vibrant meadow bursting with new life and soft spring flowers. It features a sunny pale goldenrod (#F0E68C) and a delicate thistle purple (#DDA0DD), offering a playful contrast. A serene light green (#8FBC8F) adds a natural, fresh touch, while a soft peach (#FFDAB9) provides a delicate, creamy highlight. A light sky blue (#87CEEB) offers an expansive, airy base. This palette is exceptionally useful for designers and developers aiming to create projects with a fresh, joyful, and playful aesthetic. From seasonal marketing and nature-inspired branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Spring-themed marketing campaigns
  • Children's book illustrations
  • Nature-inspired website and app design
  • Event invitations for garden parties
  • Feminine brand identity
  • Lighthearted digital art

Suggested color roles

primary

Utilize #8FBC8F as a grounding primary color for soft foundational elements or significant content sections, conveying natural freshness.

secondary

Employ #F0E68C for secondary headings or important content blocks, adding a cheerful and inviting golden hue.

accent

Highlight interactive elements or key information with #DDA0DD to provide a delicate, yet noticeable accent.

background

A light, expansive background of #FFDAB9 or #87CEEB creates a clean, airy canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use a dark charcoal or a deep green on lighter backgrounds, or a crisp white on #8FBC8F.

Accessibility notes

  • Ensure sufficient contrast between dark text (e.g., charcoal) and #FFDAB9 or #87CEEB backgrounds for WCAG AA compliance.
  • Avoid using #F0E68C or #DDA0DD for small text on similarly light backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the pastel green-yellow-purple spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #F0E68C and #8FBC8F.

Recommended combinations

Spring Meadow

Creates a fresh, natural base with a cheerful accent and soft highlight, excellent for headers or light banners.

#8FBC8F · #F0E68C · #FFDAB9

Playful Bloom

Ideal for energetic calls-to-action, charming graphics, or elements that evoke new life and joy.

#DDA0DD · #87CEEB · #F0E68C

Airy Contrast

Use for a light, expansive background with fresh text and a playful supporting color, suitable for content cards or alerts.

#87CEEB · #8FBC8F · #DDA0DD

CSS variables

:root {
  --awakening-flora-hues-1: #F0E68C;
  --awakening-flora-hues-2: #DDA0DD;
  --awakening-flora-hues-3: #8FBC8F;
  --awakening-flora-hues-4: #FFDAB9;
  --awakening-flora-hues-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "awakening-flora-hues": {
        1: "#F0E68C",
        2: "#DDA0DD",
        3: "#8FBC8F",
        4: "#FFDAB9",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

awakening flora color palettepastel spring huescheerful floral schemelight joyful designnatural playful colors

Palette colors

Hex values

Color 1#F0E68C
·
Color 2#DDA0DD
·
Color 3#8FBC8F
·
Color 4#FFDAB9
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.7:1Fail
1:1Fail
1.4:1Fail
2
1.6:1Fail
1:1Fail
1.6:1Fail
1.2:1Fail
3
1.7:1Fail
1:1Fail
1.6:1Fail
1.2:1Fail
4
1:1Fail
1.6:1Fail
1.6:1Fail
1.3:1Fail
5
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Awakening Flora Hues

View all pastel
Orchard Blossom Pink
Pastel Blossom Array
Sakura Petal Blush
Sunny Meadow Dew
Whimsical Garden Bloom
Candy Cloud Fluff