Palette

Carnival Pop Art

Bold and contrasting colors inspired by vintage carnival posters and lively pop art scenes.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Carnival Pop Art 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 Carnival Pop Art.

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

Data visualization

#E6007A#FFB800#3AD08C#8C00FF#231F20

Palette guide

How to use Carnival Pop Art

Overview

The "Carnival Pop Art" palette explodes with bold and contrasting colors, drawing inspiration from vintage carnival posters and lively pop art scenes. It features a vibrant magenta #E6007A, a cheerful golden yellow #FFB800, a refreshing teal green #3AD08C, a deep royal purple #8C00FF, and a grounding charcoal black #231F20. This dynamic combination is perfect for designs that aim to be energetic, playful, and visually striking. Designers can create engaging interfaces, impactful branding, or expressive digital art, while developers will find these distinct hex codes ideal for implementing high-contrast UI elements, ensuring a memorable and spirited user experience.

Best used for

Modern graphic design
Event branding and posters
Youthful product packaging
Digital art and illustrations
Interactive web interfaces
Fashion and accessories design

Suggested color roles

primary

#E6007A (Magenta) - A vibrant, attention-grabbing pink, perfect for main calls-to-action, prominent headings, or hero elements that demand immediate focus.

secondary

#FFB800 (Golden Yellow) - A bright, optimistic yellow that adds warmth and energy, ideal for secondary buttons, navigation accents, or highlight details.

accent

#3AD08C (Teal Green) - A fresh, modern green that provides a cool, unexpected contrast, excellent for small, impactful details, icons, or interactive states.

background

#231F20 (Charcoal Black) - A deep, grounding black that offers a strong, sophisticated backdrop, suitable for large content areas to make other colors pop.

text

For dark text, #231F20 (Charcoal Black) is excellent on #FFB800 and #3AD08C. For light text, pure white offers superb contrast against #E6007A, #8C00FF, and #231F20.

Accessibility notes

Ensure high contrast for text, particularly using white text on #E6007A, #8C00FF, and #231F20.
Avoid using #FFB800 (Golden Yellow) for small text on light backgrounds due to potential low contrast.
#3AD08C (Teal Green) provides good readability with black or dark grey text.
Always test color pairings with accessibility checkers to ensure WCAG AA compliance, especially for body text.

Recommended combinations

Bold Impact

For creating high-energy headlines, striking logos, or primary calls-to-action that stand out vividly.

#E6007A · #FFB800 · #231F20

Modern Graphic

Ideal for contemporary designs, data visualizations, or backgrounds that require a sophisticated yet vibrant edge.

#3AD08C · #8C00FF · #231F20

Playful Contrast

Excellent for illustrating diverse content sections, interactive features, or creating dynamic patterns with a fun, eye-catching appeal.

#E6007A · #3AD08C · #FFB800

CSS variables

:root {
  --carnival-pop-art-3-1: #E6007A;
  --carnival-pop-art-3-2: #FFB800;
  --carnival-pop-art-3-3: #3AD08C;
  --carnival-pop-art-3-4: #8C00FF;
  --carnival-pop-art-3-5: #231F20;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "carnival-pop-art-3": {
        1: "#E6007A",
        2: "#FFB800",
        3: "#3AD08C",
        4: "#8C00FF",
        5: "#231F20",
      }
    }
  }
}

Hex values

Color 1#E6007A

Color 2#FFB800

Color 3#3AD08C

Color 4#8C00FF

Color 5#231F20

Accessibility

Contrast checker

2.6:1Fail

2.3:1Fail

1.3:1Fail

3.6:1AA18

2.6:1Fail

1.1:1Fail

3.4:1AA18

9.4:1AAA

2.3:1Fail

1.1:1Fail

3:1Fail

8.2:1AAA

1.3:1Fail

3.4:1AA18

3:1Fail

2.8:1Fail

3.6:1AA18

9.4:1AAA

8.2:1AAA

2.8:1Fail

Similar palettes

More like Carnival Pop Art

Bright Carnival Swirl

Bright Fairground Lights

Bubblegum Pop Burst