Back to palettes

Palette

Midcentury Kitchen Charm

Soft, inviting hues reminiscent of a cozy mid-century kitchen, blending pastel ceramics and chrome accents.

pastelretro5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midcentury Kitchen Charm 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 Midcentury Kitchen Charm.

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

Data visualization

#DDA0DD#B0E0E6#F0FFF0#FFE4E1#A9A9A9

Palette guide

How to use Midcentury Kitchen Charm

Overview

The Midcentury Kitchen Charm palette offers a soft, inviting collection of pastel hues reminiscent of a cozy vintage kitchen. Featuring delicate lavender #DDA0DD, soothing mint #B0E0E6, a near-white #F0FFF0, blush pink #FFE4E1, and a grounding grey #A9A9A9, this palette exudes a gentle, nostalgic appeal. Designers can use these colors to create spaces that feel warm, approachable, and subtly retro. The soft tones are perfect for branding that aims for a friendly, handcrafted feel, or for web interfaces that prioritize comfort and ease of use. It's an excellent choice for projects requiring a light, airy, and inherently charming aesthetic.

Best used for

  • Baking and confectionery branding
  • Vintage-inspired home goods e-commerce
  • Boutique cafe or bakery design
  • Children's clothing or toy branding
  • Wedding invitations and event decor
  • Personal blogs with a cozy or crafting theme

Suggested color roles

primary

Use #DDA0DD as a gentle primary for accents or soft branding elements, creating a welcoming feel.

secondary

Apply #B0E0E6 for supporting sections, background panels, or subtle data visualizations.

accent

Introduce #A9A9A9 as a grounding accent for icons, borders, or subtle textural details.

background

Employ #F0FFF0 or #FFE4E1 for main content backgrounds, providing a clean, warm, and airy base.

text

Utilize a dark grey like #A9A9A9 or a charcoal for primary body text, ensuring readability against the pastels.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #A9A9A9 with #F0FFF0 or #FFE4E1.
  • Avoid using light text on #DDA0DD or #B0E0E6; opt for dark grey or black for better legibility.
  • The pastel nature of this palette requires careful contrast checks for all text and interactive elements.
  • For critical information, use a strong contrast, such as dark text on #F0FFF0.

Recommended combinations

Soft Comfort

Ideal for clean content areas, offering a gentle background with soft accents and readable text.

#F0FFF0 · #DDA0DD · #A9A9A9

Pastel Charm

Excellent for decorative elements, sub-sections, or illustrations with a light, airy feel.

#B0E0E6 · #FFE4E1 · #A9A9A9

Vintage Balance

Creates a harmonious and inviting look for headers, banners, or brand identity elements.

#DDA0DD · #B0E0E6 · #F0FFF0

CSS variables

:root {
  --midcentury-kitchen-charm-1: #DDA0DD;
  --midcentury-kitchen-charm-2: #B0E0E6;
  --midcentury-kitchen-charm-3: #F0FFF0;
  --midcentury-kitchen-charm-4: #FFE4E1;
  --midcentury-kitchen-charm-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midcentury-kitchen-charm": {
        1: "#DDA0DD",
        2: "#B0E0E6",
        3: "#F0FFF0",
        4: "#FFE4E1",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

midcentury pastel palettevintage kitchen colorssoft retro color schemecharming pastel designcozy brand identity colors

Palette colors

Hex values

Color 1#DDA0DD
·
Color 2#B0E0E6
·
Color 3#F0FFF0
·
Color 4#FFE4E1
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
1.7:1Fail
1.1:1Fail
2
1.4:1Fail
1.4:1Fail
1.2:1Fail
1.6:1Fail
3
2:1Fail
1.4:1Fail
1.2:1Fail
2.3:1Fail
4
1.7:1Fail
1.2:1Fail
1.2:1Fail
2:1Fail
5
1.1:1Fail
1.6:1Fail
2.3:1Fail
2:1Fail

Similar palettes

More like Midcentury Kitchen Charm

View all pastel