Back to palettes

Palette

Vibrant Citrus Medley

A burst of zesty yellows and bright oranges, celebrating the cheerful and refreshing energy of citrus fruits.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vibrant Citrus Medley 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 Vibrant Citrus Medley.

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

Data visualization

#FFF9DB#FFE270#FFC000#E08C00#B46A00

Palette guide

How to use Vibrant Citrus Medley

Overview

The "Vibrant Citrus Medley" palette is a burst of zesty yellows and bright oranges, celebrating the cheerful and refreshing energy of citrus fruits. This warm, inviting collection features a soft Creamy Yellow (#FFF9DB), a sunny Bright Yellow (#FFE270), a rich Amber (#FFC000), a deep Orange (#E08C00), and a grounding Burnt Orange (#B46A00). It's ideal for projects that aim to convey freshness, warmth, and natural vitality. Designers can utilize these harmonious shades for food packaging, wellness branding, or inviting digital interfaces. Developers will appreciate the cohesive range of hex codes for creating gradients, layered elements, and consistent color themes across web and mobile applications, ensuring a pleasant and engaging user experience.

Best used for

  • Food and beverage branding (especially citrus products)
  • Health and wellness websites
  • Summer-themed marketing campaigns
  • Organic product packaging
  • Restaurant menus and decor
  • Lifestyle blog designs

Suggested color roles

primary

#FFC000 serves as an inviting and energetic primary, great for calls to action or key visual elements.

secondary

#E08C00 offers a deeper, more grounded tone, suitable for subheadings or important informational sections.

accent

#FFE270 provides a bright, cheerful highlight, perfect for icons, interactive states, or small decorative elements.

background

#FFF9DB is an excellent light background, offering a soft base that lets other colors shine without being stark.

text

For optimal legibility, use a dark brown, charcoal, or even a deep #B46A00 for body text against lighter shades.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter palette colors.
  • #FFF9DB should only be used for text with very dark colors like black or deep brown.
  • #FFC000 and #E08C00 generally require dark text for readability.
  • Consider using #B46A00 for text against #FFF9DB or #FFE270 for good contrast.

Recommended combinations

Zesty Fresh

Ideal for light, airy backgrounds with subtle highlights, like recipe pages.

#FFF9DB · #FFE270 · #FFC000

Warm Glow

Excellent for creating rich, inviting gradients or prominent design blocks.

#FFC000 · #E08C00 · #B46A00

Deep Citrus

Provides strong contrast for text headers or impactful visual elements.

#B46A00 · #FFE270 · #FFF9DB

CSS variables

:root {
  --vibrant-citrus-medley-1: #FFF9DB;
  --vibrant-citrus-medley-2: #FFE270;
  --vibrant-citrus-medley-3: #FFC000;
  --vibrant-citrus-medley-4: #E08C00;
  --vibrant-citrus-medley-5: #B46A00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vibrant-citrus-medley": {
        1: "#FFF9DB",
        2: "#FFE270",
        3: "#FFC000",
        4: "#E08C00",
        5: "#B46A00",
      }
    }
  }
}

Related searches

citrus color paletteyellow orange color schemewarm vibrant colorsfood branding paletterefreshing website colors

Palette colors

Hex values

Color 1#FFF9DB
·
Color 2#FFE270
·
Color 3#FFC000
·
Color 4#E08C00
·
Color 5#B46A00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.5:1Fail
4:1AA18
2
1.2:1Fail
1.3:1Fail
2.1:1Fail
3.3:1AA18
3
1.5:1Fail
1.3:1Fail
1.6:1Fail
2.6:1Fail
4
2.5:1Fail
2.1:1Fail
1.6:1Fail
1.6:1Fail
5
4:1AA18
3.3:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Vibrant Citrus Medley

View all vibrant
Citrus Zest Splash
Citrus Grove Delight
Citrus Zest Burst
Citrus Zest Pop
Citrus Zest Splash
Energetic Citrus Zest