Back to palettes

Palette

Cherry Malt Swirl

Bright reds and creamy off-whites, reminiscent of a nostalgic 1950s diner with cherry-topped treats.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cherry Malt Swirl 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 Cherry Malt Swirl.

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

Data visualization

#B30000#E62E2E#FF7F7F#FFD2CF#FBF8ED

Palette guide

How to use Cherry Malt Swirl

Overview

The Cherry Malt Swirl palette takes a delightful trip back to the 1950s, blending vibrant reds with creamy off-whites for a playful, retro aesthetic. Dominant reds like #B30000 and #E62E2E bring energy, while the soft #FF7F7F and #FFD2CF provide a gentle transition, reminiscent of a cherry topping. The foundational #FBF8ED (Creamy White) adds a perfect vintage touch, allowing the reds to pop without overwhelming. This palette is ideal for designers seeking to evoke nostalgia, fun, and a classic diner feel. It's particularly effective for branding, promotions, or digital experiences that aim for a cheerful, old-school charm.

Best used for

  • Retro diner or cafe branding
  • Vintage-themed event promotions
  • Food and beverage packaging
  • Playful children's product design
  • Websites or apps with a nostalgic feel
  • Holiday marketing campaigns

Suggested color roles

primary

Use #B30000 (Deep Cherry Red) for strong branding elements, headings, or impactful call-to-actions.

secondary

Apply #E62E2E (Vibrant Red) for subheadings, active states, or to add dynamic energy to sections.

accent

Employ #FF7F7F (Light Cherry) for highlights, illustrations, or subtle decorative elements.

background

Utilize #FBF8ED (Creamy White) as a soft, inviting background that allows the reds to truly shine.

text

Black or a very dark charcoal is recommended for body text to ensure maximum readability against the light background.

Accessibility notes

  • Ensure high contrast when pairing text with #FBF8ED, using a dark color like black or #333333.
  • The vibrant reds (#B30000, #E62E2E) should have white or very light text for readability.
  • Avoid using #FFD2CF for text, especially on similar light backgrounds, due to low contrast.
  • Check contrast ratios for interactive elements, ensuring they are clearly distinguishable.

Recommended combinations

Classic Diner

Perfect for primary branding, with #B30000 as main, #FBF8ED as background, and #E62E2E for accents.

#B30000 · #FBF8ED · #E62E2E

Soft Swirl

Ideal for soft backgrounds, illustrations, or subtle design elements that need a gentle, creamy feel.

#FFD2CF · #FF7F7F · #FBF8ED

Bold Highlight

Use for attention-grabbing headlines, call-to-action buttons, with #FFD2CF as a softer supporting element.

#E62E2E · #B30000 · #FFD2CF

CSS variables

:root {
  --cherry-malt-swirl-1: #B30000;
  --cherry-malt-swirl-2: #E62E2E;
  --cherry-malt-swirl-3: #FF7F7F;
  --cherry-malt-swirl-4: #FFD2CF;
  --cherry-malt-swirl-5: #FBF8ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cherry-malt-swirl": {
        1: "#B30000",
        2: "#E62E2E",
        3: "#FF7F7F",
        4: "#FFD2CF",
        5: "#FBF8ED",
      }
    }
  }
}

Related searches

retro red cream palette1950s diner colorsvintage cherry red schemeplayful nostalgic designmalt shop theme

Palette colors

Hex values

Color 1#B30000
·
Color 2#E62E2E
·
Color 3#FF7F7F
·
Color 4#FFD2CF
·
Color 5#FBF8ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
5.3:1AA
6.8:1AA
2
1.6:1Fail
1.8:1Fail
3.2:1AA18
4.1:1AA18
3
2.9:1Fail
1.8:1Fail
1.8:1Fail
2.3:1Fail
4
5.3:1AA
3.2:1AA18
1.8:1Fail
1.3:1Fail
5
6.8:1AA
4.1:1AA18
2.3:1Fail
1.3:1Fail

Similar palettes

More like Cherry Malt Swirl

View all retro
Juke Joint Jive
Jukebox Diner Hues
Malt Shop Nostalgia
Mid-Century Mod Blush
Retro Diner Blues
Retro Diner Jukebox