Palette

Retro Kitchen Tile

A nostalgic collection of muted reds, creams, and gentle grays, reminiscent of mid-century kitchen aesthetics.

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

#D64545#F5D0A9#6B7B8E#A6A68F#E7E7E7

Palette guide

How to use Retro Kitchen Tile

Overview

The Retro Kitchen Tile palette (version 2) is a nostalgic collection of muted reds, creams, and gentle grays, reminiscent of mid-century kitchen aesthetics. This sophisticated scheme features a warm red #D64545, a creamy beige #F5D0A9, a cool gray-blue #6B7B8E, a subtle sage green #A6A68F, and a soft off-white #E7E7E7. Designers and developers can utilize these harmonious, subdued tones to create elegant, vintage-inspired, and comforting digital experiences. It’s an ideal choice for projects aiming to evoke a sense of heritage, artisanal quality, and understated charm, perfect for refined branding, cozy interfaces, or historical content.

Best used for

Vintage-inspired interior design websites
Artisanal food and craft product branding
Historical exhibits and museum displays
Cozy cafe or boutique hotel branding
Sophisticated retro web applications
Lifestyle blogs with a classic aesthetic

Suggested color roles

primary

Use #D64545 for a warm, inviting primary color in headings, calls to action, or key brand elements.

secondary

Apply #6B7B8E for stable navigation elements, background sections, or to introduce a cool, refined contrast.

accent

Utilize #F5D0A9 for soft highlights, subtle borders, or to add a touch of creamy warmth to design elements.

background

The soft #E7E7E7 provides a clean, neutral canvas that allows the other colors to stand out gently.

text

The rich #6B7B8E offers excellent readability for body text, providing a sophisticated alternative to pure black, or use a dark charcoal.

Accessibility notes

Ensure dark text is used on #F5D0A9 and #E7E7E7 to maintain readability, as these are light shades.
The #D64545 provides good contrast for white or light-colored text, suitable for headings or buttons.
Avoid using #A6A68F for small text on #E7E7E7 as their similar luminosity may cause legibility issues.
Always check contrast ratios for all text and interactive elements to meet accessibility standards with muted tones.

Recommended combinations

Vintage Warmth

Perfect for main branding, hero sections, or any design needing a comforting and classic retro feel.

#D64545 · #F5D0A9 · #E7E7E7

Muted Harmony

Ideal for secondary content, subtle background patterns, or designs requiring a sophisticated, understated blend.

#6B7B8E · #A6A68F · #F5D0A9

Tile Contrast

Excellent for UI accents, data visualization, or to create clear visual hierarchy with classic color pairings.

#D64545 · #6B7B8E · #E7E7E7

CSS variables

:root {
  --retro-kitchen-tile-2-1: #D64545;
  --retro-kitchen-tile-2-2: #F5D0A9;
  --retro-kitchen-tile-2-3: #6B7B8E;
  --retro-kitchen-tile-2-4: #A6A68F;
  --retro-kitchen-tile-2-5: #E7E7E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-kitchen-tile-2": {
        1: "#D64545",
        2: "#F5D0A9",
        3: "#6B7B8E",
        4: "#A6A68F",
        5: "#E7E7E7",
      }
    }
  }
}

Hex values

Color 1#D64545

Color 2#F5D0A9

Color 3#6B7B8E

Color 4#A6A68F

Color 5#E7E7E7

Accessibility

Contrast checker

3:1AA18

1:1Fail

1.8:1Fail

3.5:1AA18

3:1AA18

3:1Fail

1.7:1Fail

1.2:1Fail

1:1Fail

3:1Fail

1.7:1Fail

3.5:1AA18

1.8:1Fail

1.7:1Fail

2:1Fail

3.5:1AA18

1.2:1Fail

3.5:1AA18

2:1Fail

Similar palettes

More like Retro Kitchen Tile

Retro Kitchen Tile

See it in context.

Ready when you are.

Built with Retro Kitchen Tile.

How to use Retro Kitchen Tile

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vintage Warmth

Muted Harmony

Tile Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Kitchen Tile