Back to palettes

Palette

Mid-Century Mod Warmth

A comforting array of muted oranges and browns, channeling the iconic, inviting aesthetics of mid-century design.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mid-Century Mod Warmth 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 Mid-Century Mod Warmth.

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

Data visualization

#B26B38#E28F50#F7BA7D#D09460#A25C2B

Palette guide

How to use Mid-Century Mod Warmth

Overview

The Mid-Century Mod Warmth palette offers a comforting array of muted oranges and browns, channeling the iconic, inviting aesthetics of mid-century design. This collection features a harmonious gradient, from the deep #A25C2B to the soft #F7BA7D, with a versatile mid-tone like #E28F50. Designers and developers can utilize this palette to create cozy branding, vintage-inspired websites, and products that evoke a sense of comfort, nostalgia, and timeless appeal. It's perfect for projects aiming to convey warmth, authenticity, and a classic, inviting atmosphere, reminiscent of charming 1950s and 60s interiors.

Best used for

  • Cozy branding for cafes, bakeries, or artisanal goods
  • Vintage-inspired websites and lifestyle blogs
  • Interior design concepts for inviting spaces
  • Autumn seasonal marketing and promotions
  • Classic apparel and accessory lines
  • Product packaging with a warm, nostalgic feel

Suggested color roles

primary

#A25C2B - A deep, grounding brown-orange, serving as a strong foundation for branding, large backgrounds, or primary content.

secondary

#B26B38 - A rich, warm orange-brown, ideal for supporting content, navigation, or secondary graphic elements.

accent

#E28F50 - A brighter, inviting orange, excellent for highlights, calls to action, or decorative patterns that add warmth.

background

#F7BA7D - A soft, light orange, providing a gentle, warm backdrop, or use a near-white/cream for higher contrast.

text

#A25C2B - The deep brown-orange, ensuring excellent readability for primary body text on light backgrounds, maintaining the warm tone.

Accessibility notes

  • Ensure #A25C2B text on #F7BA7D (or a light cream) provides sufficient contrast, meeting WCAG AA standards.
  • #B26B38 and #D09460 can be used for headings on lighter backgrounds, offering good visibility.
  • Avoid using #F7BA7D for small body text on a light background due to very low contrast; best for large accents.
  • Test interactive elements to ensure clear visibility and distinction for all users, especially on similar backgrounds.

Recommended combinations

Warm Glow

A cohesive blend of deep, mid, and light oranges for a soft, inviting, and radiant feel.

#A25C2B · #E28F50 · #F7BA7D

Rustic Comfort

Layering brown-oranges for a rich, textured, and cozy look, reminiscent of natural materials.

#B26B38 · #D09460 · #A25C2B

Inviting Accent

Bright orange accent on dark text with a light background for clarity and a welcoming pop.

#E28F50 · #A25C2B · #F7BA7D

CSS variables

:root {
  --mid-century-mod-warmth-1: #B26B38;
  --mid-century-mod-warmth-2: #E28F50;
  --mid-century-mod-warmth-3: #F7BA7D;
  --mid-century-mod-warmth-4: #D09460;
  --mid-century-mod-warmth-5: #A25C2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mid-century-mod-warmth": {
        1: "#B26B38",
        2: "#E28F50",
        3: "#F7BA7D",
        4: "#D09460",
        5: "#A25C2B",
      }
    }
  }
}

Related searches

mid-century warm orangeretro cozy palettevintage brown orangeinviting classic designautumnal comfort colors

Palette colors

Hex values

Color 1#B26B38
·
Color 2#E28F50
·
Color 3#F7BA7D
·
Color 4#D09460
·
Color 5#A25C2B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
1.6:1Fail
1.2:1Fail
2
1.6:1Fail
1.5:1Fail
1:1Fail
2:1Fail
3
2.4:1Fail
1.5:1Fail
1.5:1Fail
3:1Fail
4
1.6:1Fail
1:1Fail
1.5:1Fail
2:1Fail
5
1.2:1Fail
2:1Fail
3:1Fail
2:1Fail

Similar palettes

More like Mid-Century Mod Warmth

View all retro
Mid-Century Mod Comfort
Mid-century Sunset
Atomic Age Mod
Chrome Soda Fountain
Classic Diner Melody
Diner Booth Classic