Palette

Pixel Game World

A high-contrast, playful set of colors that instantly evokes classic 8-bit video game worlds.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pixel Game World 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 Pixel Game World.

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

Data visualization

#2B0748#FF006E#00F88D#FFFF00#FF6F00

Palette guide

How to use Pixel Game World

Overview

The 'Pixel Game World' palette is a high-contrast, playful collection designed to evoke the nostalgic charm of classic 8-bit video games. Featuring a deep #2B0748 background, it bursts with energetic hues like the vibrant magenta #FF006E, electric green #00F88D, sunny yellow #FFFF00, and fiery orange #FF6F00. This palette is perfect for designers and developers aiming to create bold, instantly recognizable digital experiences. Its inherent vibrancy ensures elements stand out, making it ideal for dynamic interfaces, retro-themed branding, and engaging interactive content that demands attention and a sense of fun.

Best used for

Retro video game interfaces and character design
Arcade-style mobile game graphics
Vibrant digital art and illustrations
Playful brand identities for tech or entertainment
Event graphics for gaming conventions or retro parties
High-contrast web elements and call-to-action buttons

Suggested color roles

primary

Use #2B0748 as the foundational dark color for backgrounds, main UI panels, or deep space settings, providing a strong anchor for the bright accents.

secondary

Employ #FF006E for interactive elements, player characters, or significant highlights to draw immediate attention and convey action or excitement.

accent

Leverage #FFFF00 or #00F88D for critical alerts, power-ups, selected states, or glowing effects, ensuring maximum visibility and energetic contrast.

background

The deep #2B0748 serves as an excellent dark canvas, allowing the other vivid colors to pop dramatically, true to classic pixel art aesthetics.

text

For text on #2B0748, use #FFFF00, #00F88D, or #FF006E for high readability. For readability on lighter palette colors, consider a stark black or very dark charcoal.

Accessibility notes

Ensure sufficient contrast between #2B0748 and any bright text or interactive elements (e.g., #FFFF00 on #2B0748 passes AA for large text).
Be mindful of color-blind users; rely on more than just color for conveying meaning, especially between #FF6F00 and #FFFF00.
Avoid placing #FF006E text directly on #FF6F00 backgrounds or similar low-contrast pairings.
For small text, prioritize high contrast pairings like #FFFF00 on #2B0748 to meet WCAG AA standards.

Recommended combinations

Deep Arcade

Ideal for main game screens: #2B0748 as background, #FF006E for active elements, #FFFF00 for score or critical UI.

#2B0748 · #FF006E · #FFFF00

Neon Power-Up

Perfect for energetic visual effects, power-ups, or level elements, creating a dynamic, glowing feel.

#00F88D · #FF6F00 · #FFFF00

Retro Hazard

Use #2B0748 for the base, #FF6F00 for warnings or hazards, and #00F88D for safe zones or interactive prompts.

#2B0748 · #FF6F00 · #00F88D

CSS variables

:root {
  --pixel-game-world-1: #2B0748;
  --pixel-game-world-2: #FF006E;
  --pixel-game-world-3: #00F88D;
  --pixel-game-world-4: #FFFF00;
  --pixel-game-world-5: #FF6F00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixel-game-world": {
        1: "#2B0748",
        2: "#FF006E",
        3: "#00F88D",
        4: "#FFFF00",
        5: "#FF6F00",
      }
    }
  }
}

Hex values

Color 1#2B0748

Color 2#FF006E

Color 3#00F88D

Color 4#FFFF00

Color 5#FF6F00

Accessibility

Contrast checker

4.5:1AA18

12.1:1AAA

15.9:1AAA

6.1:1AA

4.5:1AA18

2.7:1Fail

3.6:1AA18

1.4:1Fail

12.1:1AAA

2.7:1Fail

1.3:1Fail

2:1Fail

15.9:1AAA

3.6:1AA18

1.3:1Fail

2.6:1Fail

6.1:1AA

1.4:1Fail

2:1Fail

2.6:1Fail

Similar palettes

More like Pixel Game World