Palette

Retro Candy Arcade

Explosive, playful colors echoing the vibrant energy of 80s arcade games and sweet treats.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Candy Arcade 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 Retro Candy Arcade.

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

Data visualization

#FF69B4#87CEEB#FFD700#98FB98#BA55D3

Palette guide

How to use Retro Candy Arcade

Overview

The Retro Candy Arcade palette is an explosive, playful collection echoing the vibrant energy of 80s arcade games and sweet treats. Featuring Hot Pink (#FF69B4), Sky Blue (#87CEEB), bright Gold (#FFD700), a lively Pale Green (#98FB98), and a rich Medium Orchid (#BA55D3), this palette is designed for designers and developers seeking a fun, high-energy aesthetic. Its bright, saturated hues are perfect for creating nostalgic yet modern designs that capture attention and evoke a sense of youthful excitement. Leverage these colors to build dynamic and engaging user experiences.

Best used for

Game UI and interactive experiences
Children's branding and marketing materials
Event marketing and promotional posters
Playful mobile app design and interfaces
Digital art and illustration projects
Toy packaging and product design

Suggested color roles

primary

Hot Pink (#FF69B4) serves as an energetic focal point, perfect for headlines, primary calls-to-action, or hero elements.

secondary

Sky Blue (#87CEEB) provides a cool, expansive contrast, suitable for larger background areas or supporting graphical elements.

accent

Bright Gold (#FFD700) offers a dazzling pop, ideal for interactive elements, hover states, or small, attention-grabbing details.

background

Pale Green (#98FB98) creates a light, vibrant and cheerful base, offering good contrast for darker text or elements.

text

Medium Orchid (#BA55D3) works well for headings and important text on lighter backgrounds like #98FB98. For general body text, use black or dark charcoal for maximum readability across all light colors.

Accessibility notes

Ensure sufficient contrast for text on vibrant backgrounds; for example, white or black text on Pale Green (#98FB98) or Sky Blue (#87CEEB).
Avoid using Hot Pink (#FF69B4) and Medium Orchid (#BA55D3) together for critical information without strong differentiation.
Bright Gold (#FFD700) might require darker text for readability, especially for smaller font sizes.
Consider larger font sizes for any text placed directly on highly saturated colors to improve legibility.

Recommended combinations

Arcade Glow

Perfect for game interfaces, vibrant headers, and eye-catching call-to-action buttons.

#FFD700 · #FF69B4 · #87CEEB

Sweet & Bright

Ideal for playful illustrations, background patterns, and secondary visual elements.

#98FB98 · #BA55D3 · #FF69B4

Neon Pop

Use for highlighted content, dynamic graphics, and creating engaging interactive states.

#87CEEB · #FFD700 · #BA55D3

CSS variables

:root {
  --retro-candy-arcade-1: #FF69B4;
  --retro-candy-arcade-2: #87CEEB;
  --retro-candy-arcade-3: #FFD700;
  --retro-candy-arcade-4: #98FB98;
  --retro-candy-arcade-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-candy-arcade": {
        1: "#FF69B4",
        2: "#87CEEB",
        3: "#FFD700",
        4: "#98FB98",
        5: "#BA55D3",
      }
    }
  }
}

Hex values

Color 1#FF69B4

Color 2#87CEEB

Color 3#FFD700

Color 4#98FB98

Color 5#BA55D3

Accessibility

Contrast checker

1.5:1Fail

1.9:1Fail

2.1:1Fail

1.5:1Fail

1.2:1Fail

1.4:1Fail

2.3:1Fail

1.9:1Fail

1.2:1Fail

1.1:1Fail

2.8:1Fail

2.1:1Fail

1.4:1Fail

1.1:1Fail

3.1:1AA18

1.5:1Fail

2.3:1Fail

2.8:1Fail

3.1:1AA18

Similar palettes

More like Retro Candy Arcade

Retro Candy Arcade

See it in context.

Ready when you are.

Built with Retro Candy Arcade.

How to use Retro Candy Arcade

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Arcade Glow

Sweet & Bright

Neon Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Candy Arcade