Back to palettes

Palette

Festival Revelry

An exuberant blend of bold, primary colors reminiscent of a lively carnival atmosphere and joyful celebrations.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Festival Revelry 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 Festival Revelry.

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

Data visualization

#F44336#FFEB3B#4CAF50#2196F3#9C27B0

Palette guide

How to use Festival Revelry

Overview

The Festival Revelry palette is an exuberant blend of bold, primary colors designed to evoke a lively carnival atmosphere and joyful celebrations. This vibrant collection features energetic hues like the fiery red #F44336, the sunny yellow #FFEB3B, and the striking electric blue #2196F3. Designers and developers can leverage these bright colors to create engaging, high-energy interfaces and marketing materials that instantly convey a sense of fun and excitement. The inclusion of a rich green #4CAF50 and a regal purple #9C27B0 provides depth and versatility, making it perfect for projects that demand a cheerful and unforgettable visual impact. Use this palette to inject pure joy into any design.

Best used for

  • Event posters and promotions
  • Children's brands and products
  • Digital games and interactive experiences
  • Festive website designs
  • Party invitations and decor
  • Social media campaigns

Suggested color roles

primary

Use #F44336 for bold statements, calls-to-action, or main headings to grab immediate attention.

secondary

Apply #2196F3 for complementary sections, subheadings, or to create a strong visual contrast against the primary.

accent

Highlight interactive elements, small details, or key information with #FFEB3B for a bright, energetic pop.

background

A clean white or light grey background works best to allow these vibrant colors to truly shine without overwhelming.

text

For optimal readability, use a dark charcoal or black text color against these bright hues.

Accessibility notes

  • Ensure sufficient contrast for text, especially when placed on #FFEB3B or #F44336.
  • Use distinct visual cues in addition to color to convey information, considering color blindness.
  • Maintain adequate contrast ratios for UI elements and interactive states.
  • Avoid using highly saturated colors like #F44336 and #4CAF50 in close proximity without sufficient separation.

Recommended combinations

High Energy Trio

Ideal for creating dynamic headers, promotional banners, or sections that demand immediate attention.

#F44336 · #FFEB3B · #2196F3

Playful Contrast

Great for unique illustrations, infographic elements, or distinct content blocks that need to stand out playfully.

#4CAF50 · #9C27B0 · #FFEB3B

Bold & Balanced

Perfect for a balanced yet vibrant scheme in app interfaces or multi-section landing pages.

#F44336 · #4CAF50 · #2196F3

CSS variables

:root {
  --festival-revelry-1: #F44336;
  --festival-revelry-2: #FFEB3B;
  --festival-revelry-3: #4CAF50;
  --festival-revelry-4: #2196F3;
  --festival-revelry-5: #9C27B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "festival-revelry": {
        1: "#F44336",
        2: "#FFEB3B",
        3: "#4CAF50",
        4: "#2196F3",
        5: "#9C27B0",
      }
    }
  }
}

Related searches

vibrant party colorscarnival design palettecheerful brand colorsfestival event themebright UI colors

Palette colors

Hex values

Color 1#F44336
·
Color 2#FFEB3B
·
Color 3#4CAF50
·
Color 4#2196F3
·
Color 5#9C27B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1AA18
1.3:1Fail
1.2:1Fail
1.7:1Fail
2
3:1AA18
2.3:1Fail
2.6:1Fail
5.2:1AA
3
1.3:1Fail
2.3:1Fail
1.1:1Fail
2.3:1Fail
4
1.2:1Fail
2.6:1Fail
1.1:1Fail
2:1Fail
5
1.7:1Fail
5.2:1AA
2.3:1Fail
2:1Fail

Similar palettes

More like Festival Revelry

View all vibrant