Back to palettes

Palette

Citrus Zest Fizz

A refreshing burst of zesty yellows and cool blues, like a sparkling glass of lemonade.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Citrus Zest Fizz 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 Citrus Zest Fizz.

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

Data visualization

#FFD700#FCD969#FFF081#ADD8E6#6495ED

Palette guide

How to use Citrus Zest Fizz

Overview

The Citrus Zest Fizz palette is a refreshing burst of zesty yellows and cool blues, like a sparkling glass of lemonade. It features a brilliant #FFD700 (Gold), a soft #FCD969 (Light Goldenrod), a delicate #FFF081 (Pale Yellow), a cool #ADD8E6 (Light Blue), and a deep #6495ED (Cornflower Blue). This palette offers designers and developers a versatile range of hues for creating lively, fresh, and visually appealing digital experiences. Its blend of warm and cool tones is ideal for conveying freshness, clarity, and a modern, invigorating aesthetic across various applications, from branding to UI design.

Best used for

  • Summer beverage branding
  • Children's educational content
  • Health and wellness apps (hydration focus)
  • Event promotion for outdoor gatherings
  • Clean and modern website design
  • Digital marketing campaigns with a refreshing theme

Suggested color roles

primary

#FFD700 (A bright, optimistic gold perfect for main headers, prominent UI elements, or cheerful branding.)

secondary

#ADD8E6 (A cool light blue, ideal for supporting content, background sections, or subtle calls-to-action.)

accent

#6495ED (A deep cornflower blue that provides a grounding and refreshing pop, excellent for highlights or interactive elements.)

background

#FFF081 (A soft, pale yellow base that provides an airy, warm, and inviting canvas for the entire design.)

text

#6495ED (A strong, vibrant blue for energetic text on light backgrounds, or use a dark neutral like #333333 for general readability.)

Accessibility notes

  • Ensure high contrast when pairing #FFF081 or #FCD969 with light text; use #6495ED or #000000 for readability.
  • The darker tones, #FFD700 and #6495ED, offer good contrast for white or very light text.
  • Avoid using #ADD8E6 for small text on #FFF081, as contrast may be insufficient.
  • For interactive elements, maintain at least a 3:1 contrast ratio against adjacent colors to meet WCAG AA standards.

Recommended combinations

Lemonade Fizz

Use #FFF081 as a clean background, #FFD700 for main content, and #6495ED for striking calls-to-action or important alerts.

#FFF081 · #FFD700 · #6495ED

Cool Refresh

Excellent for creating refreshing visual sections, with #ADD8E6 as background, #6495ED for deep elements, and #FCD969 for highlights.

#ADD8E6 · #6495ED · #FCD969

Zesty Duo

Pair #FFF081 as a base with #FFD700 for bold headings and #ADD8E6 for supporting text or graphical elements.

#FFF081 · #FFD700 · #ADD8E6

CSS variables

:root {
  --citrus-zest-fizz-1: #FFD700;
  --citrus-zest-fizz-2: #FCD969;
  --citrus-zest-fizz-3: #FFF081;
  --citrus-zest-fizz-4: #ADD8E6;
  --citrus-zest-fizz-5: #6495ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-zest-fizz": {
        1: "#FFD700",
        2: "#FCD969",
        3: "#FFF081",
        4: "#ADD8E6",
        5: "#6495ED",
      }
    }
  }
}

Related searches

yellow blue color palettelemonade color schemefresh energetic ui designsummer drink brandingvibrant cool warm palette

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FCD969
·
Color 3#FFF081
·
Color 4#ADD8E6
·
Color 5#6495ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
1.1:1Fail
2.1:1Fail
2
1:1Fail
1.2:1Fail
1.1:1Fail
2.2:1Fail
3
1.2:1Fail
1.2:1Fail
1.3:1Fail
2.6:1Fail
4
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.9:1Fail
5
2.1:1Fail
2.2:1Fail
2.6:1Fail
1.9:1Fail

Similar palettes

More like Citrus Zest Fizz

View all vibrant
Lemonade Splash Refresh
Citrus Burst Splash
Citrus Grove Spark
Citrus Morning Zing
Island Fruit Punch
Lemon Tart Brights