Back to palettes

Palette

Citrus Spritz Burst

A refreshing splash of vibrant citrus, evoking sunny days and zesty delights.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Citrus Spritz Burst 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 Spritz Burst.

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

Data visualization

#F8E79F#F9D56E#FCB841#FF9F1C#FF7B00

Palette guide

How to use Citrus Spritz Burst

Overview

The Citrus Spritz Burst palette is a refreshing splash of vibrant citrus, evoking sunny days and zesty delights. It features a soft #F8E79F (Pale Yellow), a gentle #F9D56E (Light Goldenrod), a bright #FCB841 (Golden Orange), an energetic #FF9F1C (Orange Peel), and a bold #FF7B00 (Orange). This palette offers designers and developers a harmonious gradient of warm, energetic hues, perfect for creating inviting, lively, and visually appealing digital experiences. Its progression from soft to intense is ideal for conveying freshness, playfulness, and a vibrant spirit across various applications, from branding to UI design.

Best used for

  • Summer beverage branding
  • Youth-oriented marketing campaigns
  • Food and drink recipe blogs
  • Playful app interfaces
  • Event promotion for outdoor gatherings
  • Digital art and illustration with a cheerful theme

Suggested color roles

primary

#FF9F1C (An energetic orange peel, perfect for main headers, prominent UI elements, or cheerful branding.)

secondary

#FCB841 (A bright golden orange, ideal for supporting content, subheadings, or secondary calls-to-action.)

accent

#FF7B00 (A bold, intense orange, perfect for high-impact alerts, primary buttons, or key highlights that demand attention.)

background

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

text

#FF7B00 (For strong, energetic text on light backgrounds, or use a dark neutral like #333333 for general readability.)

Accessibility notes

  • Ensure high contrast when pairing #F8E79F or #F9D56E with light text; use #FF7B00 or #000000 for readability.
  • The darker tones, #FCB841, #FF9F1C, and #FF7B00, offer good contrast for white or very light text.
  • Avoid using adjacent similar light shades for text and background to prevent readability issues, especially with #F8E79F and #F9D56E.
  • For interactive elements, maintain at least a 3:1 contrast ratio against surrounding colors to meet WCAG AA standards.

Recommended combinations

Zesty Gradient

Ideal for creating smooth, inviting gradients in hero sections or visual accents that convey warmth and energy.

#F8E79F · #FCB841 · #FF7B00

Summer Pop

Excellent for energetic hero sections, with #F9D56E as background, #FF9F1C for main content, and #FF7B00 for striking CTAs.

#F9D56E · #FF9F1C · #FF7B00

Bright Contrast

Use #F8E79F as a base, #FF7B00 for bold headings, and #FF9F1C for supporting text or graphical elements.

#F8E79F · #FF7B00 · #FF9F1C

CSS variables

:root {
  --citrus-spritz-burst-1: #F8E79F;
  --citrus-spritz-burst-2: #F9D56E;
  --citrus-spritz-burst-3: #FCB841;
  --citrus-spritz-burst-4: #FF9F1C;
  --citrus-spritz-burst-5: #FF7B00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-spritz-burst": {
        1: "#F8E79F",
        2: "#F9D56E",
        3: "#FCB841",
        4: "#FF9F1C",
        5: "#FF7B00",
      }
    }
  }
}

Related searches

vibrant yellow orange paletteenergetic citrus colorssummer drink color schemeplayful ui designbright food branding

Palette colors

Hex values

Color 1#F8E79F
·
Color 2#F9D56E
·
Color 3#FCB841
·
Color 4#FF9F1C
·
Color 5#FF7B00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.7:1Fail
2.1:1Fail
2
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
5
2.1:1Fail
1.8:1Fail
1.5:1Fail
1.3:1Fail

Similar palettes

More like Citrus Spritz Burst

View all vibrant
Citrus Zest Pop
Citrus Grove Splash
Citrus Spritz Splash
Exotic Fruit Basket
Grapefruit Spritzer Fun
Sun-Kissed Berry Burst