Back to palettes

Palette

Mid-Century Mod Comfort

Warm, muted tones capture the iconic comfort and stylish simplicity 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 Comfort 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 Comfort.

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

Data visualization

#6A8D73#B3B86E#E2AE68#D98324#7B3E2F

Palette guide

How to use Mid-Century Mod Comfort

Overview

The Mid-Century Mod Comfort palette captures the iconic comfort and stylish simplicity of mid-century design through warm, muted tones. This collection features earthy greens like #6A8D73, inviting golden yellows like #B3B86E, and rich browns such as #7B3E2F. Designers and developers can utilize this palette to create cozy home decor branding, rustic website themes, and products that evoke a sense of warmth, nostalgia, and understated elegance. It's perfect for projects aiming to convey comfort, authenticity, and a timeless, inviting aesthetic, reminiscent of classic 1960s interiors.

Best used for

  • Cozy home decor and furniture branding
  • Vintage-inspired cafes and artisanal food packaging
  • Rustic website themes and lifestyle blogs
  • Sustainable and eco-friendly product lines
  • Autumnal marketing materials and seasonal campaigns
  • Interior design concepts with an earthy, retro feel

Suggested color roles

primary

#6A8D73 - A calming sage green, ideal for foundational elements, large backgrounds, or primary brand colors to evoke nature and tranquility.

secondary

#D98324 - A rich, burnt orange, perfect for adding warmth, secondary content blocks, or calls to action.

accent

#E2AE68 - A muted golden yellow, excellent for highlights, decorative patterns, or subtle interactive elements.

background

Light cream or off-white to allow the warm tones to stand out, or use #B3B86E for a soft, earthy base.

text

#7B3E2F - A deep, grounding brown, ensuring excellent readability for primary body text on light backgrounds.

Accessibility notes

  • Use #7B3E2F for text on light backgrounds for optimal contrast and readability, meeting WCAG AA standards.
  • Ensure #6A8D73 and #D98324 for headings on light backgrounds meet contrast requirements.
  • Avoid using #B3B86E or #E2AE68 for small text on light backgrounds due to potential low contrast.
  • Verify sufficient contrast for interactive elements, especially on lighter backgrounds, for clear user interaction.

Recommended combinations

Earthy Retreat

A harmonious blend of green, orange, and brown for a natural, comforting and grounded feel.

#6A8D73 · #D98324 · #7B3E2F

Golden Hour

Combining yellow-green, muted orange, and deep brown for an inviting, warm autumn aesthetic.

#B3B86E · #E2AE68 · #7B3E2F

Comfort Blend

Soft green, yellow-green, and muted orange layered for a gentle, inviting, and cohesive design.

#6A8D73 · #B3B86E · #E2AE68

CSS variables

:root {
  --mid-century-mod-comfort-1: #6A8D73;
  --mid-century-mod-comfort-2: #B3B86E;
  --mid-century-mod-comfort-3: #E2AE68;
  --mid-century-mod-comfort-4: #D98324;
  --mid-century-mod-comfort-5: #7B3E2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mid-century-mod-comfort": {
        1: "#6A8D73",
        2: "#B3B86E",
        3: "#E2AE68",
        4: "#D98324",
        5: "#7B3E2F",
      }
    }
  }
}

Related searches

mid-century warm paletteretro earthy tonesvintage comfort colors1960s interior designcozy autumnal palette

Palette colors

Hex values

Color 1#6A8D73
·
Color 2#B3B86E
·
Color 3#E2AE68
·
Color 4#D98324
·
Color 5#7B3E2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.8:1Fail
1.3:1Fail
2.2:1Fail
2
1.8:1Fail
1:1Fail
1.4:1Fail
3.9:1AA18
3
1.8:1Fail
1:1Fail
1.5:1Fail
4.1:1AA18
4
1.3:1Fail
1.4:1Fail
1.5:1Fail
2.8:1Fail
5
2.2:1Fail
3.9:1AA18
4.1:1AA18
2.8:1Fail

Similar palettes

More like Mid-Century Mod Comfort

View all retro
Mid-century Sunset
Atomic Age Mod
Mid-Century Fabric Pop
Mid-Century Mod Warmth
Midcentury Lounge Vibes
Seventies Lounge Echo