Palette

Retro Kitchen Charm

A charming mix of soft, playful colors inspired by a cheerful, mid-century retro kitchen.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0E68C#B0C4DE#DDA0DD#FFA07A#FF69B4

Palette guide

How to use Retro Kitchen Charm

Overview

The Retro Kitchen Charm palette is a delightful mix of soft, playful colors inspired by a cheerful, mid-century retro kitchen. This scheme features a sunny yellow #F0E68C, a gentle blue #B0C4DE, a whimsical lavender #DDA0DD, a warm coral #FFA07A, and a sweet hot pink #FF69B4. Designers and developers can harness these inviting hues to create warm, friendly, and nostalgic experiences. It's an excellent choice for projects that aim to evoke comfort, cheerfulness, and a touch of vintage femininity, perfect for charming interfaces, cozy branding, or whimsical digital illustrations that feel both familiar and fresh.

Best used for

Bakery and cafe branding
Children's book illustrations and apps
Craft and DIY blogs
Vintage fashion and lifestyle websites
Cozy home decor branding
Wedding invitations and stationery

Suggested color roles

primary

Use #B0C4DE for a soft, inviting primary color in backgrounds or main sections, conveying calm and approachability.

secondary

Apply #FF69B4 for playful accents, call-to-action buttons, or elements needing a cheerful, feminine touch.

accent

Utilize #F0E68C for warm highlights, subtle borders, or to bring a sunny, optimistic feel to design elements.

background

The soft #F0E68C provides a warm, inviting base, or pair with a near-white for a cleaner, brighter canvas.

text

A rich dark charcoal or black offers optimal readability, while #DDA0DD can be used for softer, decorative headings on lighter backgrounds.

Accessibility notes

Ensure dark text is used on #F0E68C and #B0C4DE to maintain readability, as these are lighter shades.
Avoid using #DDA0DD for small text on light backgrounds due to potential low contrast.
The warm coral #FFA07A and hot pink #FF69B4 provide good contrast against a near-white background for accents.
Always check contrast ratios for text and interactive elements to meet accessibility standards, especially with pastels.

Recommended combinations

Cheerful Pastels

Ideal for creating a warm, inviting, and distinctly cheerful aesthetic for marketing materials or festive designs.

#F0E68C · #FFA07A · #FF69B4

Cozy Harmony

Great for clean website layouts, background patterns, or elements that require a soft, harmonious blend.

#B0C4DE · #DDA0DD · #F0E68C

Sweet & Bright

Perfect for highlighting product features, children's interfaces, or any design needing a sweet and vibrant pop.

#FF69B4 · #FFA07A · #B0C4DE

CSS variables

:root {
  --retro-kitchen-charm-1: #F0E68C;
  --retro-kitchen-charm-2: #B0C4DE;
  --retro-kitchen-charm-3: #DDA0DD;
  --retro-kitchen-charm-4: #FFA07A;
  --retro-kitchen-charm-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-kitchen-charm": {
        1: "#F0E68C",
        2: "#B0C4DE",
        3: "#DDA0DD",
        4: "#FFA07A",
        5: "#FF69B4",
      }
    }
  }
}

Hex values

Color 1#F0E68C

Color 2#B0C4DE

Color 3#DDA0DD

Color 4#FFA07A

Color 5#FF69B4

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

2.1:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.6:1Fail

1.2:1Fail

1:1Fail

1.3:1Fail

1.6:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

2.1:1Fail

1.5:1Fail

1.3:1Fail

Similar palettes

More like Retro Kitchen Charm

Retro Kitchen Charm

See it in context.

Ready when you are.

Built with Retro Kitchen Charm.

How to use Retro Kitchen Charm

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cheerful Pastels

Cozy Harmony

Sweet & Bright

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Kitchen Charm