Back to palettes

Palette

Circus Tent Burst

A joyous collection of bright, primary colors reminiscent of old-time fairgrounds and lively celebrations.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Circus Tent 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 Circus Tent Burst.

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

Data visualization

#E74C3C#F39C12#F1C40F#2ECC71#9B59B6

Palette guide

How to use Circus Tent Burst

Overview

The Circus Tent Burst palette is a joyous collection of bright, primary colors reminiscent of old-time fairgrounds and lively celebrations. Featuring vibrant hues like energetic #E74C3C (alizarin), sunny #F39C12 (orange), cheerful #F1C40F (sunflower), fresh #2ECC71 (emerald), and majestic #9B59B6 (amethyst), this palette is perfect for projects demanding high-energy, retro, or playful aesthetics. Designers can leverage these colors to create visually arresting digital experiences, engaging branding, or captivating illustrations. Developers will find these pure, saturated hex codes straightforward for implementing dynamic animations, interactive UI elements, or vibrant marketing materials, ensuring a memorable and energetic user interaction across various platforms.

Best used for

  • retro arcade game UI
  • vintage carnival poster design
  • children's book illustrations
  • playful event branding
  • toy packaging and design
  • digital art with a retro feel

Suggested color roles

primary

The energetic #E74C3C (alizarin red) serves as a bold primary, drawing immediate attention and setting a playful, retro tone for key elements.

secondary

The cheerful #F1C40F (sunflower yellow) provides a bright secondary option, ideal for subheadings, interactive elements, or to add an optimistic touch.

accent

The fresh #2ECC71 (emerald green) or majestic #9B59B6 (amethyst) serve as excellent accents, perfect for calls-to-action or highlighting important details with a playful punch.

background

Given the intensity, a neutral background like pure white (#FFFFFF) or a light gray is recommended to make these vibrant colors truly pop and maintain readability.

text

Pure black (#000000) or a very dark gray offers maximum contrast for text against any of these vibrant colors. White text can be used on the darker shades like #E74C3C or #9B59B6.

Accessibility notes

  • Avoid using any two vibrant palette colors directly against each other for text and background due to potential low contrast.
  • Always pair these highly saturated colors with pure black or white text for maximum readability and WCAG compliance.
  • Be mindful of color blindness; rely on more than just color to convey information when using these intense hues.
  • Large text sizes are recommended if using two palette colors for text/background, or use very dark/light non-palette colors for text.

Recommended combinations

Fairground Fun

Combine for classic fairground themes, bold primary branding, or high-energy visual effects.

#E74C3C · #F39C12 · #F1C40F

Joyous Burst

Excellent for dynamic accents, interactive elements, or to add a whimsical, vibrant touch.

#2ECC71 · #9B59B6 · #F1C40F

Retro Pop

Create striking visual dynamics, lively backgrounds, or bold graphic illustrations for event promotion.

#E74C3C · #2ECC71 · #F39C12

CSS variables

:root {
  --circus-tent-burst-1: #E74C3C;
  --circus-tent-burst-2: #F39C12;
  --circus-tent-burst-3: #F1C40F;
  --circus-tent-burst-4: #2ECC71;
  --circus-tent-burst-5: #9B59B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "circus-tent-burst": {
        1: "#E74C3C",
        2: "#F39C12",
        3: "#F1C40F",
        4: "#2ECC71",
        5: "#9B59B6",
      }
    }
  }
}

Related searches

retro circus colorsbright fairground paletteplayful primary designvibrant celebration colorsold time carnival palette

Palette colors

Hex values

Color 1#E74C3C
·
Color 2#F39C12
·
Color 3#F1C40F
·
Color 4#2ECC71
·
Color 5#9B59B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.3:1Fail
1.8:1Fail
1.2:1Fail
2
1.7:1Fail
1.3:1Fail
1:1Fail
2.1:1Fail
3
2.3:1Fail
1.3:1Fail
1.3:1Fail
2.8:1Fail
4
1.8:1Fail
1:1Fail
1.3:1Fail
2.2:1Fail
5
1.2:1Fail
2.1:1Fail
2.8:1Fail
2.2:1Fail

Similar palettes

More like Circus Tent Burst

View all vibrant
Carnival Carousel Fun
Carnival Merry-Go-Round
Carnival Tent Pop
Circus Funland
Circus Pop Whirl
Playful Circus Stripes