Palette

Zesty Citrus Burst

A lively explosion of yellows and oranges, like fresh-squeezed citrus on a sunny day.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#FF6347#FFDAB9#F0E68C

Palette guide

How to use Zesty Citrus Burst

Overview

The Zesty Citrus Burst palette (ID: zesty-citrus-burst-3) is a lively explosion of yellows and oranges, perfectly capturing the essence of fresh-squeezed citrus on a sunny day. This vibrant collection features a brilliant Gold (#FFD700), a warm Orange (#FFA500), and a bold Tomato (#FF6347). Designers and developers seeking an energetic and inviting aesthetic will find this palette ideal for creating impactful visual experiences. The softer Peach Puff (#FFDAB9) and Khaki (#F0E68C) provide gentle warmth, ensuring versatility for both bold statements and subtle background elements, evoking a truly energetic and summery mood.

Best used for

Food blogs and recipe websites
Summer holiday campaigns
Playful children's product branding
Event and festival posters
Warm, inviting digital interfaces
Vacation and travel promotions

Suggested color roles

primary

Orange (#FFA500) serves as the main vibrant force, ideal for primary calls to action or focal points.

secondary

Gold (#FFD700) provides a sunny, cheerful base, great for background sections or larger UI components.

accent

Tomato (#FF6347) delivers a bold, energetic highlight, perfect for urgent messages or impactful buttons.

background

Peach Puff (#FFDAB9) offers a soft, warm, and inviting background that allows other colors to pop.

text

For strong headings, use Tomato (#FF6347). For body text, a dark brown or black will ensure optimal readability.

Accessibility notes

Peach Puff (#FFDAB9) and Khaki (#F0E68C) are light; always use dark text (e.g., black or #FF6347) for readability.
Gold (#FFD700) and Orange (#FFA500) offer good contrast for darker text, making them suitable for main content areas.
Avoid placing light-colored text on any of the yellows or oranges to maintain sufficient contrast.
Tomato (#FF6347) stands out well as an accent color, ensuring visibility for interactive elements.

Recommended combinations

Sunny Core

Creates a warm, inviting, and cheerful atmosphere for main content blocks or branding.

#FFD700 · #FFA500 · #F0E68C

Bold Pop

Ideal for high-impact calls to action, festive banners, or energetic graphical elements.

#FF6347 · #FFA500 · #FFD700

Soft Zest

Provides a gentle, warm glow for subtle backgrounds, secondary information, or delicate illustrations.

#FFDAB9 · #F0E68C · #FFA500

CSS variables

:root {
  --zesty-citrus-burst-3-1: #FFD700;
  --zesty-citrus-burst-3-2: #FFA500;
  --zesty-citrus-burst-3-3: #FF6347;
  --zesty-citrus-burst-3-4: #FFDAB9;
  --zesty-citrus-burst-3-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zesty-citrus-burst-3": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF6347",
        4: "#FFDAB9",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FFA500

Color 3#FF6347

Color 4#FFDAB9

Color 5#F0E68C

Accessibility

Contrast checker

1.4:1Fail

2.1:1Fail

1.1:1Fail

1.4:1Fail

1.5:1Fail

2.1:1Fail

1.5:1Fail

2.2:1Fail

2.3:1Fail

1.1:1Fail

1.5:1Fail

2.2:1Fail

1:1Fail

1.1:1Fail

1.5:1Fail

2.3:1Fail

1:1Fail

Similar palettes

More like Zesty Citrus Burst

Zesty Citrus Burst

See it in context.

Ready when you are.

Built with Zesty Citrus Burst.

How to use Zesty Citrus Burst

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunny Core

Bold Pop

Soft Zest

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Zesty Citrus Burst