Back to palettes

Palette

Daffodil Morning Bloom

A vibrant and cheerful palette inspired by the first sunny daffodils opening under a bright spring sky.

warmplayful5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Daffodil Morning 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 Daffodil Morning Bloom.

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

Data visualization

#FFD700#FFEC8B#9ACD32#B0E0E6#E0FFFF

Palette guide

How to use Daffodil Morning Bloom

Overview

The Daffodil Morning Bloom palette is a cheerful and refreshing collection, perfectly capturing the essence of a bright spring day. It features a brilliant gold (#FFD700) and a soft pastel yellow (#FFEC8B), complemented by a fresh yellow-green (#9ACD32), a serene light blue (#B0E0E6), and a delicate pale cyan (#E0FFFF). This palette is ideal for designers and developers creating inviting, optimistic, and clean visual experiences. It lends itself beautifully to projects that aim to convey freshness, growth, and a gentle, natural aesthetic.

Best used for

  • Spring-themed marketing campaigns
  • Children's book illustrations
  • Nature and gardening websites
  • Eco-friendly product branding
  • Lifestyle blogs and social media
  • Soft UI designs for casual apps

Suggested color roles

primary

#FFD700 (Gold) for main headings or calls to action, providing a sunny and inviting focal point.

secondary

#9ACD32 (Yellow-Green) can highlight secondary information or introduce a natural, earthy feel.

accent

#B0E0E6 (Light Blue) for subtle accents, hover states, or to add a touch of calm.

background

#E0FFFF (Pale Cyan) offers a light, airy base, reminiscent of a clear morning sky.

text

A dark grey (e.g., #333333) or a deep brown provides excellent contrast and warmth against these light colors.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #FFEC8B on light backgrounds.
  • The pale colors may require careful consideration for text or critical UI elements to meet contrast standards.
  • Avoid using color alone to convey status or information; pair with clear labels or icons.
  • Test the legibility of text on #E0FFFF and #B0E0E6 backgrounds, opting for darker text.

Recommended combinations

Sunny Meadow

Ideal for creating bright, natural landscapes or cheerful website headers.

#FFD700 · #9ACD32 · #B0E0E6

Gentle Breeze

Perfect for soft backgrounds, subtle gradients, or serene UI elements.

#E0FFFF · #FFEC8B · #B0E0E6

Fresh Growth

Use for elements signaling new beginnings, eco-themes, or vibrant highlights.

#9ACD32 · #FFD700 · #E0FFFF

CSS variables

:root {
  --daffodil-morning-bloom-1: #FFD700;
  --daffodil-morning-bloom-2: #FFEC8B;
  --daffodil-morning-bloom-3: #9ACD32;
  --daffodil-morning-bloom-4: #B0E0E6;
  --daffodil-morning-bloom-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "daffodil-morning-bloom": {
        1: "#FFD700",
        2: "#FFEC8B",
        3: "#9ACD32",
        4: "#B0E0E6",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

spring color palettecheerful yellow green bluedaffodil inspired colorslight pastel nature palettefresh bright design colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFEC8B
·
Color 3#9ACD32
·
Color 4#B0E0E6
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1:1Fail
1.3:1Fail
2
1.2:1Fail
1.6:1Fail
1.2:1Fail
1.1:1Fail
3
1.3:1Fail
1.6:1Fail
1.3:1Fail
1.8:1Fail
4
1:1Fail
1.2:1Fail
1.3:1Fail
1.4:1Fail
5
1.3:1Fail
1.1:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Daffodil Morning Bloom

View all warm
Summer Bloom Fest
Clementine Sunbeam Glow
Desert Blossom Spice
Sweet Apricot Jam
Apricot Nectar
Autumn Spice Blend