Back to palettes

Palette

Lemon Meringue Sweet

Light, airy yellows mimic the delicate layers of a creamy lemon meringue pie.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lemon Meringue Sweet 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 Lemon Meringue Sweet.

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

Data visualization

#FFD700#FFEA70#FFF3A0#FFF9D0#FFFEF5

Palette guide

How to use Lemon Meringue Sweet

Overview

The Lemon Meringue Sweet palette presents a delightful range from a bright, sunny yellow to very pale, almost white creams, capturing the light and airy essence of a meringue. Featuring the vibrant #FFD700, softer #FFEA70 and #FFF3A0, and the almost-white #FFF9D0 and #FFFEF5, this collection is both cheerful and delicate. It's an excellent choice for designers and developers aiming to create sweet, inviting, and uplifting designs. These colors are ideal for conveying joy, freshness, and a gentle elegance, perfectly suited for confectionery, celebratory, or spring-themed projects.

Best used for

  • Confectionery and bakery branding
  • Baby shower and birthday invitations
  • Spring-themed marketing materials
  • Cheerful and inviting web interfaces
  • Sweet shop packaging
  • Lighthearted blog designs

Suggested color roles

primary

Use #FFD700 as a bold, sunny primary color for calls-to-action or key headings, providing an energetic focal point.

secondary

Employ #FFEA70 for supporting elements, subheadings, or background sections that need a softer yet still bright yellow.

accent

Apply #FFF3A0 for subtle highlights, decorative elements, or interactive states, adding a gentle creamy touch.

background

The lightest shade, #FFFEF5, creates a clean, almost-white background, allowing the brighter yellows to shine.

text

Utilize a dark charcoal (e.g., #333333) or black (#000000) for all text to ensure optimal readability, especially on yellow shades.

Accessibility notes

  • Ensure high contrast when using any of the yellow shades for text; black or very dark charcoal text is recommended.
  • Avoid using light text colors on #FFD700 or #FFEA70 as they will likely fail WCAG contrast standards.
  • For interactive elements, always verify the contrast of text and icons against their background, particularly for buttons on #FFF9D0.
  • Consider larger font sizes for text set in #FFF3A0 to improve legibility against lighter backgrounds.

Recommended combinations

Sunny & Sweet

Ideal for a cheerful website header, with #FFFEF5 background, #FFD700 for main title, and #FFF3A0 for subtext.

#FFD700 · #FFFEF5 · #FFF3A0

Creamy Layers

Perfect for creating soft, delicate gradients in UI elements or background sections, evoking a gentle visual flow.

#FFEA70 · #FFF9D0 · #FFF3A0

Bright Accent

Effective for a clean product display, with #FFFEF5 background, #FFD700 for product name, and #FFEA70 for details.

#FFFEF5 · #FFD700 · #FFEA70

CSS variables

:root {
  --lemon-meringue-sweet-1: #FFD700;
  --lemon-meringue-sweet-2: #FFEA70;
  --lemon-meringue-sweet-3: #FFF3A0;
  --lemon-meringue-sweet-4: #FFF9D0;
  --lemon-meringue-sweet-5: #FFFEF5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lemon-meringue-sweet": {
        1: "#FFD700",
        2: "#FFEA70",
        3: "#FFF3A0",
        4: "#FFF9D0",
        5: "#FFFEF5",
      }
    }
  }
}

Related searches

sweet yellow palettebright cream colorsmeringue inspired schemecheerful dessert palettesoft sunny yellow

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFEA70
·
Color 3#FFF3A0
·
Color 4#FFF9D0
·
Color 5#FFFEF5
·

Accessibility

Contrast checker

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

Similar palettes

More like Lemon Meringue Sweet

View all pastel
Buttercream Frosting Soft
Confection Cloud Blush
Confection Cloud Dream
Confection Cloud Dream
Creamery Soft Serve
Delicate Macaron Bloom