Back to palettes

Palette

Retro Kitchen Tiles

A lively and colorful palette inspired by the bold, contrasting tiles of a 1950s kitchen.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD300#F06292#00BCD4#E53935#3F51B5

Palette guide

How to use Retro Kitchen Tiles

Overview

This "Retro Kitchen Tiles" palette bursts with the playful energy of a 1950s diner, featuring bold, contrasting hues. Designers can leverage the cheerful brightness of #FFD300 (a sunny yellow) and the vibrant pop of #F06292 (a lively pink) to create engaging interfaces. The cool, refreshing #00BCD4 (a bright cyan) offers a fantastic counterpoint to the energetic #E53935 (a classic red), while #3F51B5 (a deep indigo) grounds the entire scheme. This palette is ideal for projects needing a nostalgic yet fresh aesthetic, providing clear visual hierarchy and distinct elements without losing its vintage charm. Developers will find these distinct colors easy to map to UI components.

Best used for

  • Vintage-themed websites or apps
  • Children's product branding
  • Retro diner or cafe branding
  • Event invitations (festivals, parties)
  • Playful mobile game interfaces
  • Editorial design for lifestyle blogs

Suggested color roles

primary

#E53935 (A bold, attention-grabbing red, perfect for calls-to-action or key headings.)

secondary

#00BCD4 (A refreshing cyan, excellent for sub-sections, interactive elements, or complementary graphics.)

accent

#FFD300 (A bright, sunny yellow for highlights, notifications, or small, impactful details.)

background

#3F51B5 (A deep, grounding indigo that provides a stable backdrop for brighter elements to pop.)

text

Use a dark charcoal or black on #FFD300, #F06292, #00BCD4. Use white or a very light gray on #E53935 and #3F51B5 for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #FFD300 and any text placed upon it, likely requiring dark text.
  • Text on #E53935 and #3F51B5 will generally require light text (e.g., white or light gray) for readability.
  • The vibrant #F06292 and #00BCD4 can work with either dark or light text depending on the specific shade and font weight. Always test WCAG AA standards.
  • Avoid using #E53935 and #F06292 as primary indicators for color-blind users without additional visual cues.

Recommended combinations

Vibrant Retro

For punchy headlines and interactive elements, evoking classic 50s advertising.

#E53935 · #FFD300 · #00BCD4

Playful Contrast

A sophisticated yet playful combination, great for branding or distinct UI sections.

#3F51B5 · #F06292 · #FFD300

Cool Pop

Balances cool tones with a warm accent, suitable for data visualization or modern retro themes.

#00BCD4 · #E53935 · #3F51B5

CSS variables

:root {
  --retro-kitchen-tiles-1: #FFD300;
  --retro-kitchen-tiles-2: #F06292;
  --retro-kitchen-tiles-3: #00BCD4;
  --retro-kitchen-tiles-4: #E53935;
  --retro-kitchen-tiles-5: #3F51B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-kitchen-tiles": {
        1: "#FFD300",
        2: "#F06292",
        3: "#00BCD4",
        4: "#E53935",
        5: "#3F51B5",
      }
    }
  }
}

Related searches

1950s color schememid-century modern colorsvibrant retro paletteplayful vintage colorsbright kitchen tile colors

Palette colors

Hex values

Color 1#FFD300
·
Color 2#F06292
·
Color 3#00BCD4
·
Color 4#E53935
·
Color 5#3F51B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.6:1Fail
2.9:1Fail
4.8:1AA
2
2.1:1Fail
1.3:1Fail
1.4:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.8:1Fail
3:1Fail
4
2.9:1Fail
1.4:1Fail
1.8:1Fail
1.6:1Fail
5
4.8:1AA
2.2:1Fail
3:1Fail
1.6:1Fail

Similar palettes

More like Retro Kitchen Tiles

View all vibrant
Nostalgic Soda Pop
Retro Diner Jukebox
Retro Kitsch Kitchen
Vintage Carnival Ride
Arcade Neon Pixel
Atomic Age Diner