Palette

Retro Kitsch Kitchen

A cheerful mix of bold, kitschy colors found in a vintage kitchen, bursting with mid-century charm.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FF6347#3CB371#ADD8E6#BA55D3

Palette guide

How to use Retro Kitsch Kitchen

Overview

The "Retro Kitsch Kitchen" palette serves up a delicious blend of vintage charm and playful vibrancy, perfect for designs that aim to evoke nostalgia with a modern twist. Anchored by a radiant gold #FFD700 and a lively coral #FF6347, this palette instantly grabs attention. The refreshing mint green #3CB371 provides a natural, balancing element, while the soft sky blue #ADD8E6 offers a lighter, airy touch. A surprising yet delightful pop of medium orchid #BA55D3 adds a unique, kitschy personality. This scheme is excellent for creating cheerful, inviting digital spaces or product branding that feels both familiar and fresh, allowing designers to craft memorable user experiences.

Best used for

Quirky cafe or bakery branding
Vintage-inspired e-commerce sites
Crafting/DIY blog designs
Children's book illustrations
Playful event promotions
Social media graphics with a retro vibe

Suggested color roles

primary

#FF6347 (A warm, inviting coral that draws the eye and suggests friendliness, ideal for main buttons.)

secondary

#3CB371 (A calming mint green, providing balance and a touch of nature, useful for secondary actions or icons.)

accent

#BA55D3 (A distinctive medium orchid, perfect for unexpected highlights or artistic flourishes.)

background

#ADD8E6 (A light, airy sky blue that offers a gentle, expansive backdrop without being stark white.)

text

Use dark gray or black on #FFD700, #FF6347, #3CB371, #ADD8E6. White text works well on #BA55D3.

Accessibility notes

Exercise caution with text contrast on #FFD700 and #ADD8E6; ensure dark text is sufficiently legible.
#FF6347 and #3CB371 may require dark text, but white could work for larger headings. Always test.
#BA55D3 will likely require light text (e.g., white) for good readability.
Avoid relying solely on #FF6347 (red-orange) for conveying critical status without additional visual cues for color-blind users.

Recommended combinations

Cheerful Vintage

A warm, inviting trio for main sections or hero images, reminiscent of 50s advertisements.

#FFD700 · #FF6347 · #3CB371

Soft Kitsch

Creates a dreamy yet playful atmosphere, excellent for backgrounds with pops of accent.

#ADD8E6 · #BA55D3 · #FF6347

Balanced Retro

Combines cool and warm tones for a harmonious, slightly quirky design, good for infographics.

#3CB371 · #FFD700 · #BA55D3

CSS variables

:root {
  --retro-kitsch-kitchen-1: #FFD700;
  --retro-kitsch-kitchen-2: #FF6347;
  --retro-kitsch-kitchen-3: #3CB371;
  --retro-kitsch-kitchen-4: #ADD8E6;
  --retro-kitsch-kitchen-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-kitsch-kitchen": {
        1: "#FFD700",
        2: "#FF6347",
        3: "#3CB371",
        4: "#ADD8E6",
        5: "#BA55D3",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FF6347

Color 3#3CB371

Color 4#ADD8E6

Color 5#BA55D3

Accessibility

Contrast checker

2.1:1Fail

1.9:1Fail

1.1:1Fail

2.8:1Fail

2.1:1Fail

1.1:1Fail

1.9:1Fail

1.3:1Fail

1.9:1Fail

1.1:1Fail

1.7:1Fail

1.5:1Fail

1.1:1Fail

1.9:1Fail

1.7:1Fail

2.6:1Fail

2.8:1Fail

1.3:1Fail

1.5:1Fail

2.6:1Fail

Similar palettes

More like Retro Kitsch Kitchen

Retro Kitsch Kitchen

See it in context.

Ready when you are.

Built with Retro Kitsch Kitchen.

How to use Retro Kitsch Kitchen

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cheerful Vintage

Soft Kitsch

Balanced Retro

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Kitsch Kitchen