Back to palettes

Palette

Sweet Lemon Tart

A delightful blend of zesty lemon and sweet cream, perfect for a sunny afternoon treat.

PastelPlayful5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFFF99#FFD700#F0E68C#FFECB3#FFFAF0

Palette guide

How to use Sweet Lemon Tart

Overview

The "Sweet Lemon Tart" palette is a delightful collection of yellows, capturing the zest and sweetness of a classic dessert. It ranges from a bright, almost neon yellow (#FFFF99) to a soft, creamy off-white (#FFFAF0), with rich gold (#FFD700), muted yellow (#F0E68C), and a warm, pale yellow (#FFECB3) in between. This palette is excellent for designs that aim to be cheerful, energetic, and inviting, perfect for evoking a sunny, sweet mood. Designers can leverage these versatile hues for food-related branding, playful UI elements, or vibrant digital illustrations, ensuring a consistent and appetizing visual experience.

Best used for

  • Bakery and cafe branding
  • Summer-themed marketing campaigns
  • Children's toy websites
  • Food blog and recipe interfaces
  • Creative event invitations
  • Playful mobile app designs

Suggested color roles

primary

Utilize #FFD700 (Gold) or #FFFF99 (Bright Yellow) for dominant elements, headlines, or call-to-action buttons to grab immediate attention.

secondary

Apply #F0E68C (Muted Yellow) or #FFECB3 (Pale Yellow) for subheadings, background accents, or larger content blocks to add warmth.

accent

Employ #FFFF99 (Bright Yellow) sparingly for key highlights, interactive elements, or unique graphical details to add a vibrant pop.

background

Use #FFFAF0 (Floral White) as a clean, airy backdrop that allows the yellows to shine while providing excellent text contrast.

text

For optimal readability, a dark charcoal or black (e.g., #333333) is recommended for body text. #FFD700 can be used for significant headings on light backgrounds.

Accessibility notes

  • Ensure high contrast when pairing text with backgrounds, especially with lighter shades like #FFFAF0; dark text is crucial.
  • Avoid using #FFFF99 and #FFD700 in close proximity for small text or critical information due to their high vibrancy and similar lightness.
  • When using #F0E68C for text, ensure the background is light enough (e.g., #FFFAF0) to meet WCAG contrast guidelines.
  • Test color combinations for readability, particularly for users with color vision deficiencies, as bright yellows can sometimes be challenging.

Recommended combinations

Zesty Bright

Creates an energetic and cheerful look, perfect for headers, calls-to-action, and a clean background.

#FFD700 · #FFFF99 · #FFFAF0

Creamy Warmth

Offers a softer, more inviting combination, suitable for backgrounds or less intense graphical elements.

#FFECB3 · #F0E68C · #FFD700

Sunny Pop

Use the lightest color as a base, with the brightest yellow for strong accents and the pale yellow for supporting details.

#FFFAF0 · #FFFF99 · #FFECB3

CSS variables

:root {
  --sweet-lemon-tart-1: #FFFF99;
  --sweet-lemon-tart-2: #FFD700;
  --sweet-lemon-tart-3: #F0E68C;
  --sweet-lemon-tart-4: #FFECB3;
  --sweet-lemon-tart-5: #FFFAF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-lemon-tart": {
        1: "#FFFF99",
        2: "#FFD700",
        3: "#F0E68C",
        4: "#FFECB3",
        5: "#FFFAF0",
      }
    }
  }
}

Related searches

lemon yellow color palettesweet dessert colorsbright cheerful yellow schemefood branding colorsplayful sunny ui

Palette colors

Hex values

Color 1#FFFF99
·
Color 2#FFD700
·
Color 3#F0E68C
·
Color 4#FFECB3
·
Color 5#FFFAF0
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Lemon Tart

View all Pastel
Lemon Meringue Cloud
Lemonade Stand Chill
Pastel Macaron Box
Playful Candy Sprinkles
Candy Fluff Dream
Citrus Grove Dawn