Back to palettes

Palette

Citrus Spritz Splash

A zesty burst of colors, mirroring the refreshing splash of a vibrant, sun-ripened citrus medley.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#FFD700#98FB98#87CEFA#BA55D3

Palette guide

How to use Citrus Spritz Splash

Overview

The Citrus Spritz Splash palette is a zesty burst of vibrant colors, mirroring the refreshing splash of a sun-ripened citrus medley. It features a delicate #FFB6C1 (Light Pink), a brilliant #FFD700 (Gold), a refreshing #98FB98 (Pale Green), a cool #87CEFA (Light Sky Blue), and a playful #BA55D3 (Medium Orchid). This eclectic palette offers designers and developers a versatile range of hues for creating lively, fresh, and visually unique digital experiences. It's ideal for projects that aim to evoke playfulness, creativity, and a modern, whimsical aesthetic across various applications, from branding to UI design.

Best used for

  • Youthful fashion or beauty branding
  • Children's entertainment products
  • Creative art and design portfolios
  • Party and celebration event branding
  • Playful app interfaces
  • Digital marketing campaigns with a whimsical theme

Suggested color roles

primary

#FFD700 (A bright, optimistic gold that serves as an excellent base for cheerful designs and prominent elements.)

secondary

#98FB98 (A refreshing pale green, ideal for supporting content, playful accents, or secondary calls-to-action.)

accent

#BA55D3 (A playful medium orchid that provides an unexpected, vibrant pop, excellent for highlights or interactive elements.)

background

#FFB6C1 (A soft, light pink base that provides an airy, gentle, and inviting canvas for the entire design.)

text

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

Accessibility notes

  • Ensure high contrast when pairing #FFB6C1 or #98FB98 with light text; use #BA55D3 or #000000 for readability.
  • The darker tones, #FFD700, #98FB98, #87CEFA, and #BA55D3, 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 #FFB6C1 and #98FB98.
  • For interactive elements, ensure #BA55D3 and #FFD700 have at least a 3:1 contrast ratio against surrounding colors to meet WCAG AA.

Recommended combinations

Whimsical Splash

Use #FFB6C1 as a gentle background, #FFD700 for main content, and #BA55D3 for striking, playful accents.

#FFB6C1 · #FFD700 · #BA55D3

Fresh & Cool

Excellent for creating refreshing visual sections, with #98FB98 as background, #87CEFA for soft elements, and #FFD700 for highlights.

#98FB98 · #87CEFA · #FFD700

Vibrant Mix

Pair #FFB6C1 as a base with #BA55D3 for bold headings and #98FB98 for supporting text or graphical elements.

#FFB6C1 · #BA55D3 · #98FB98

CSS variables

:root {
  --citrus-spritz-splash-1: #FFB6C1;
  --citrus-spritz-splash-2: #FFD700;
  --citrus-spritz-splash-3: #98FB98;
  --citrus-spritz-splash-4: #87CEFA;
  --citrus-spritz-splash-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "citrus-spritz-splash": {
        1: "#FFB6C1",
        2: "#FFD700",
        3: "#98FB98",
        4: "#87CEFA",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

playful multi-color palettevibrant citrus splash colorsfresh whimsical ui designbright summer party schemecreative branding palette

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFD700
·
Color 3#98FB98
·
Color 4#87CEFA
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1:1Fail
2.4:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
2.8:1Fail
3
1.3:1Fail
1.1:1Fail
1.4:1Fail
3.1:1AA18
4
1:1Fail
1.2:1Fail
1.4:1Fail
2.3:1Fail
5
2.4:1Fail
2.8:1Fail
3.1:1AA18
2.3:1Fail

Similar palettes

More like Citrus Spritz Splash

View all vibrant
Citrus Grove Splash
Citrus Spritz Burst
Citrus Zest Pop
Fruit Medley
Grapefruit Spritzer Fun
Playful Citrus Burst