Palette

Circus Funland

A lively explosion of bold primary and secondary colors reminiscent of a joyful circus atmosphere.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DC143C#FFD700#00BFFF#7CFC00#8A2BE2

Palette guide

How to use Circus Funland

Overview

The Circus Funland palette is a lively explosion of bold primary and secondary colors, reminiscent of a joyful circus atmosphere. Featuring intense hues like vibrant #DC143C (crimson), sunny #FFD700 (gold), bright #00BFFF (deep sky blue), energetic #7CFC00 (lawn green), and majestic #8A2BE2 (blue violet), this palette is perfect for projects demanding high-energy, playful, or festive 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

children's entertainment branding
carnival and fair marketing materials
playful mobile game UI
event and party invitations
toy packaging and design
educational apps for kids

Suggested color roles

primary

The vibrant #DC143C (crimson) serves as a bold primary, drawing immediate attention and setting an energetic, festive tone for key elements.

secondary

The sunny #FFD700 (gold) provides a cheerful secondary option, ideal for subheadings, interactive elements, or to add a bright, optimistic touch.

accent

The energetic #7CFC00 (lawn green) or majestic #8A2BE2 (blue violet) 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 #DC143C or #8A2BE2.

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

Festive Trio

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

#DC143C · #FFD700 · #00BFFF

Funland Pop

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

#7CFC00 · #8A2BE2 · #FFD700

Energetic Contrast

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

#DC143C · #00BFFF · #7CFC00

CSS variables

:root {
  --circus-funland-1: #DC143C;
  --circus-funland-2: #FFD700;
  --circus-funland-3: #00BFFF;
  --circus-funland-4: #7CFC00;
  --circus-funland-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "circus-funland": {
        1: "#DC143C",
        2: "#FFD700",
        3: "#00BFFF",
        4: "#7CFC00",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#DC143C

Color 2#FFD700

Color 3#00BFFF

Color 4#7CFC00

Color 5#8A2BE2

Accessibility

Contrast checker

3.6:1AA18

2.4:1Fail

3.7:1AA18

1.2:1Fail

3.6:1AA18

1.5:1Fail

1.1:1Fail

4.2:1AA18

2.4:1Fail

1.5:1Fail

1.6:1Fail

2.8:1Fail

3.7:1AA18

1.1:1Fail

1.6:1Fail

4.5:1AA18

1.2:1Fail

4.2:1AA18

2.8:1Fail

4.5:1AA18

Similar palettes

More like Circus Funland

View all vibrant

Whimsical Carnival Ride

Bright Carnival Spin

Bright Fairground Lights

Carnival Bright Spark

Carnival Merry-Go-Round

Carnival Tent Brights