Back to palettes

Palette

Retro Kitchen Tile

A charming assortment of soft, muted blues reminiscent of a classic 1950s kitchen's tiled walls.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0C4DE#87CEEB#6495ED#4169E1#1E90FF

Palette guide

How to use Retro Kitchen Tile

Overview

The Retro Kitchen Tile palette (version 3) is a charming assortment of soft, muted blues reminiscent of a classic 1950s kitchen's tiled walls. This serene scheme features a light steel blue #B0C4DE, a bright sky blue #87CEEB, a cornflower blue #6495ED, a royal blue #4169E1, and a vibrant dodger blue #1E90FF. Designers and developers can leverage these harmonious blues to create clean, calming, and subtly vintage digital experiences. It’s an ideal choice for projects aiming to evoke a sense of tranquility, reliability, and timeless elegance, perfect for interfaces, branding, or illustrations that require a cool, refreshing aesthetic with depth.

Best used for

  • Spa and wellness brand identities
  • Clean tech interfaces and dashboards
  • Educational platforms with a calm tone
  • Vintage-inspired bathroom design concepts
  • Serene digital art and illustrations
  • Financial services websites conveying trust

Suggested color roles

primary

Use #4169E1 for dominant elements, important headings, or primary brand colors to convey stability and depth.

secondary

Apply #1E90FF for vibrant accents, interactive elements, or to introduce a modern, energetic touch.

accent

Utilize #87CEEB for light highlights, subtle borders, or to add an airy, refreshing feel.

background

The soft #B0C4DE serves as an excellent, tranquil background, providing a clean and inviting canvas.

text

A dark charcoal or black text offers optimal readability on lighter blues, while #4169E1 can be used for headings on #B0C4DE.

Accessibility notes

  • Ensure sufficient contrast for text when using lighter blues like #B0C4DE or #87CEEB; always opt for darker text.
  • The deeper blues #4169E1 and #1E90FF provide excellent contrast for white text, suitable for buttons or hero elements.
  • Avoid using #B0C4DE for small text on other light blue backgrounds as contrast may be insufficient.
  • Always check contrast ratios for all text and interactive elements to meet accessibility standards, especially within a monochromatic palette.

Recommended combinations

Blue Gradient

Ideal for creating smooth visual transitions, depth in backgrounds, or a modern gradient effect.

#B0C4DE · #6495ED · #1E90FF

Clean & Crisp

Great for clean UI elements, secondary information, or designs requiring a fresh, clear aesthetic.

#87CEEB · #4169E1 · #B0C4DE

Deep Ocean

Excellent for bold statements, primary headings, or to create a strong, authoritative visual presence.

#1E90FF · #4169E1 · #6495ED

CSS variables

:root {
  --retro-kitchen-tile-3-1: #B0C4DE;
  --retro-kitchen-tile-3-2: #87CEEB;
  --retro-kitchen-tile-3-3: #6495ED;
  --retro-kitchen-tile-3-4: #4169E1;
  --retro-kitchen-tile-3-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-kitchen-tile-3": {
        1: "#B0C4DE",
        2: "#87CEEB",
        3: "#6495ED",
        4: "#4169E1",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

50s blue tile palettevintage cool blueskitchen ceramic colorsserene retro schememuted blue gradient

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#87CEEB
·
Color 3#6495ED
·
Color 4#4169E1
·
Color 5#1E90FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
2.7:1Fail
1.8:1Fail
2
1:1Fail
1.7:1Fail
2.8:1Fail
1.9:1Fail
3
1.7:1Fail
1.7:1Fail
1.6:1Fail
1.1:1Fail
4
2.7:1Fail
2.8:1Fail
1.6:1Fail
1.5:1Fail
5
1.8:1Fail
1.9:1Fail
1.1:1Fail
1.5:1Fail

Similar palettes

More like Retro Kitchen Tile

View all retro
Dusty Attic Treasures
Postcard Nostalgia Blue
Retro Cassette Tape
Retro Diner Blues
Retro Diner Chrome
Retro Kitchen Tile