Back to palettes

Palette

Retro Arcade

A cheerful mix of bright, sugary pastels, reminiscent of a retro candy shop or arcade.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#ADD8E6#90EE90#FFD700#DA70D6

Palette guide

How to use Retro Arcade

Overview

The Retro Arcade palette offers a cheerful mix of bright, sugary pastels, reminiscent of a retro candy shop or classic arcade. Featuring playful hues like #FFC0CB (pink), #ADD8E6 (light blue), #90EE90 (light green), and #DA70D6 (orchid), it's energized by a pop of #FFD700 (gold). This vibrant yet soft scheme is perfect for designers and developers aiming to create fun, nostalgic, and inviting experiences. It strikes a balance between retro charm and modern playfulness, ideal for projects targeting a youthful or lighthearted audience.

Best used for

  • Children's branding and toy design
  • Playful web interfaces and mobile apps
  • Confectionery and sweet shop packaging
  • Casual game design and UI
  • Party invitations and event promotions
  • Whimsical illustrations and digital art

Suggested color roles

primary

Use #ADD8E6 (light blue) as a friendly and approachable base for backgrounds or larger sections, providing a sense of calm.

secondary

Employ #FFC0CB (pink) for cheerful accents, subheadings, or interactive elements, adding a warm, inviting touch.

accent

Apply #FFD700 (gold) sparingly for energetic highlights, icons, or calls to action to create a dazzling, playful focal point.

background

Utilize #ADD8E6 or a very light, near-white background to ensure the other vibrant pastels pop effectively.

text

For optimal readability on these light pastels, use a dark grey like #333333 or black. For headings, #DA70D6 (orchid) can work well on #ADD8E6.

Accessibility notes

  • Most colors are light; ensure text is dark (black or charcoal) for optimal readability and WCAG compliance.
  • Avoid using light text on light backgrounds, e.g., #FFC0CB (pink) text on #ADD8E6 (light blue), due to low contrast.
  • Use #FFD700 (gold) for accents, not primary text, as its brightness can lead to insufficient contrast on many backgrounds.
  • Consider a very dark background (e.g., a deep navy not in the palette) if these pastels are primarily used for UI elements.

Recommended combinations

Candy Pop

Creates a bright, cheerful, and high-energy feel, perfect for playful graphics, call-to-action buttons, or vibrant illustrations.

#FFC0CB · #90EE90 · #FFD700

Arcade Glow

Offers a soft, playful, and inviting blend, suitable for background elements, navigation bars, or subtle UI components.

#ADD8E6 · #DA70D6 · #FFC0CB

Sweet & Fresh

Provides a vibrant yet balanced combination, excellent for headers, infographics, or sections that need to feel lively and clean.

#90EE90 · #FFD700 · #ADD8E6

CSS variables

:root {
  --retro-arcade-2-1: #FFC0CB;
  --retro-arcade-2-2: #ADD8E6;
  --retro-arcade-2-3: #90EE90;
  --retro-arcade-2-4: #FFD700;
  --retro-arcade-2-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-2": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFD700",
        5: "#DA70D6",
      }
    }
  }
}

Related searches

pastel arcade colorsplayful retro palettesugary sweet colorscheerful game designcute bright colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFD700
·
Color 5#DA70D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.1:1Fail
1.9:1Fail
2
1:1Fail
1.1:1Fail
1.1:1Fail
1.9:1Fail
3
1.1:1Fail
1.1:1Fail
1:1Fail
2:1Fail
4
1.1:1Fail
1.1:1Fail
1:1Fail
2.1:1Fail
5
1.9:1Fail
1.9:1Fail
2:1Fail
2.1:1Fail

Similar palettes

More like Retro Arcade

View all vibrant
Retro Candy Shop
Vintage Arcade Glow
Atomic Diner Swirl
Bubblegum Pop Blast
Bubblegum Pop Burst
Bubblegum Pop Zing