Palette

Vintage Carnival Ride

A lively collection of primary and secondary colors, recalling the excitement of an old carnival ride.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Carnival Ride 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 Vintage Carnival Ride.

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

Data visualization

#C82A2A#E66B00#FFC600#63AC41#0081C4

Palette guide

How to use Vintage Carnival Ride

Overview

The "Vintage Carnival Ride" palette is a bold and lively collection of primary and secondary colors, perfectly capturing the exhilarating spirit and classic charm of an old-fashioned amusement park. Featuring a deep, assertive red #C82A2A, an energetic orange #E66B00, a sunny gold #FFC600, a vibrant green #63AC41, and a striking blue #0081C4, this collection is designed for high visual impact. Designers can leverage its strong, clear hues for branding that aims for a dynamic, retro, and fun aesthetic. Developers will find these distinct hex codes excellent for creating engaging user interfaces, highlighting interactive elements, and injecting a sense of classic excitement into any digital experience.

Best used for

Retro arcade or game branding
Amusement park or festival marketing
Children's product packaging
Bold event invitations
Educational tools for kids
Sports team branding with a vintage twist

Suggested color roles

primary

A strong, classic red (#C82A2A) that commands attention and evokes excitement and urgency. Ideal for critical calls to action or prominent headlines.

secondary

A clean, vibrant blue (#0081C4) that offers a stable and trustworthy counterpoint, suitable for secondary information or navigation.

accent

An energetic orange (#E66B00) that provides a warm, inviting pop, perfect for small, impactful details or interactive elements.

background

A clean, bright near-white (e.g., #F8F8F8) background is essential to let these saturated primary colors truly stand out without competing.

text

A dark charcoal (e.g., #333333) provides excellent readability on the lighter backgrounds. White text is highly recommended for use on #C82A2A, #0081C4, and #63AC41 for optimal contrast.

Accessibility notes

These are strong, saturated colors; use them with care for text. White text on #C82A2A, #0081C4, and #63AC41 will provide good contrast.
#FFC600 and #E66B00 are generally too light for small text on white backgrounds; reserve them for larger headings or graphical elements.
Ensure all interactive elements have clear visual states and sufficient contrast.
Always test contrast ratios for text and key interface elements to meet WCAG AA standards.

Recommended combinations

Classic Primary

Excellent for creating bold logos, striking headers, or primary calls to action in a retro style.

#C82A2A · #0081C4 · #FFC600

Energetic Contrast

Ideal for dynamic infographics, playful illustrations, or sections needing a high-energy, contrasting look.

#E66B00 · #63AC41 · #C82A2A

Ride Excitement

Use for distinct section dividers, interactive buttons, or elements that convey movement and fun.

#0081C4 · #FFC600 · #E66B00

CSS variables

:root {
  --vintage-carnival-ride-1: #C82A2A;
  --vintage-carnival-ride-2: #E66B00;
  --vintage-carnival-ride-3: #FFC600;
  --vintage-carnival-ride-4: #63AC41;
  --vintage-carnival-ride-5: #0081C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-carnival-ride": {
        1: "#C82A2A",
        2: "#E66B00",
        3: "#FFC600",
        4: "#63AC41",
        5: "#0081C4",
      }
    }
  }
}

Hex values

Color 1#C82A2A

Color 2#E66B00

Color 3#FFC600

Color 4#63AC41

Color 5#0081C4

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

2:1Fail

1.3:1Fail

1.7:1Fail

2.1:1Fail

1.2:1Fail

1.3:1Fail

3.5:1AA18

2.1:1Fail

1.8:1Fail

2.7:1Fail

2:1Fail

1.2:1Fail

1.8:1Fail

1.5:1Fail

1.3:1Fail

2.7:1Fail

1.5:1Fail

Similar palettes

More like Vintage Carnival Ride

Vintage Carnival Ride

See it in context.

Ready when you are.

Built with Vintage Carnival Ride.

How to use Vintage Carnival Ride

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Classic Primary

Energetic Contrast

Ride Excitement

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Carnival Ride