Palette

Vibrant Circus Tent

A joyous burst of primary colors, mimicking the vibrant energy and fun of a classic circus.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0000#FFA500#FFFF00#008000#0000FF

Palette guide

How to use Vibrant Circus Tent

Overview

The "Vibrant Circus Tent" palette is a joyous burst of primary colors, mimicking the vibrant energy and fun of a classic circus. It features a bold Red (#FF0000), a warm Orange (#FFA500), a brilliant Yellow (#FFFF00), a deep Green (#008000), and a strong Blue (#0000FF). This collection is ideal for projects that aim to convey excitement, playfulness, and a sense of wonder. Designers can utilize these saturated hues for captivating event branding, engaging children's content, or dynamic digital interfaces. Developers will find these distinct hex values straightforward for consistent application across various platforms, ensuring a cohesive and visually stimulating user experience that truly captures attention.

Best used for

Children's party themes
Entertainment venue branding
Educational game interfaces
Festive holiday promotions
Toy product packaging
Themed social media campaigns

Suggested color roles

primary

#FF0000 is an excellent choice for a dominant brand color or calls to action, grabbing immediate attention.

secondary

#0000FF provides a cool, grounding contrast, suitable for navigation or important informational sections.

accent

#FFFF00 offers a cheerful, high-contrast highlight, perfect for icons, interactive states, or small decorative elements.

background

A very light cream, white, or subtle off-white allows the vibrant palette colors to truly pop without competition.

text

Use a dark grey or black for body text to ensure maximum readability against these bright and saturated colors.

Accessibility notes

Avoid text in #FFFF00 on #FFA500 or #FF0000 due to insufficient contrast.
Ensure dark text is used on #FFFF00, #FFA500, and #008000 for legibility.
#0000FF and #FF0000 provide good contrast for white text, but always verify.
Consider larger font sizes for important information when using bright colors.

Recommended combinations

Classic Ring

Perfect for main headings, banners, or a strong brand presence.

#FF0000 · #FFFF00 · #0000FF

Warm & Lively

Great for creating energetic illustrations, playful patterns, or engaging infographics.

#FFA500 · #FF0000 · #008000

Deep Contrast

Effective for UI elements, data visualization, or adding depth to graphic designs.

#0000FF · #008000 · #FFFF00

CSS variables

:root {
  --vibrant-circus-tent-1: #FF0000;
  --vibrant-circus-tent-2: #FFA500;
  --vibrant-circus-tent-3: #FFFF00;
  --vibrant-circus-tent-4: #008000;
  --vibrant-circus-tent-5: #0000FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vibrant-circus-tent": {
        1: "#FF0000",
        2: "#FFA500",
        3: "#FFFF00",
        4: "#008000",
        5: "#0000FF",
      }
    }
  }
}

Hex values

Color 1#FF0000

Color 2#FFA500

Color 3#FFFF00

Color 4#008000

Color 5#0000FF

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

1.3:1Fail

2.1:1Fail

2:1Fail

1.8:1Fail

2.6:1Fail

4.4:1AA18

3.7:1AA18

1.8:1Fail

4.8:1AA

8:1AAA

1.3:1Fail

2.6:1Fail

4.8:1AA

1.7:1Fail

2.1:1Fail

4.4:1AA18

8:1AAA

1.7:1Fail

Similar palettes

More like Vibrant Circus Tent

View all Vibrant

Abstract Geometric Canvas

Abstract Brush Stroke

Abstract Canvas Stripe

Comic Pop Art

Exotic Fruit Fiesta

Neon Arcade Blitz