Back to palettes

Palette

Spiced Pumpkin Lantern

A warm, inviting collection of orange and yellow hues, reminiscent of spiced pumpkin and cozy autumn nights.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Pumpkin Lantern 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 Spiced Pumpkin Lantern.

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

Data visualization

#FF7F50#FF9E50#FFC050#FFDDA0#FFEEC0

Palette guide

How to use Spiced Pumpkin Lantern

Overview

The Spiced Pumpkin Lantern palette offers a warm, inviting collection of orange and yellow hues, perfect for evoking cozy autumn nights. With vibrant tones like #FF7F50 and softer shades such as #FFEEC0, this palette is ideal for designs that aim for a festive and comforting feel. Developers can leverage the harmonious progression of these colors to create engaging UI elements, while designers will find its rich warmth suitable for branding that emphasizes natural, homely, or seasonal themes. The gentle transition from bright orange to soft cream ensures versatility across various applications, from digital interfaces to print materials.

Best used for

  • autumn event invitations
  • cozy cafe branding
  • children's book illustrations
  • festive holiday marketing
  • food and beverage packaging
  • rustic home decor accents

Suggested color roles

primary

Use #FF7F50 as a dominant, inviting call-to-action or hero element color.

secondary

Apply #FF9E50 for supporting sections or secondary buttons, offering a slightly softer warmth.

accent

Highlight key information or interactive elements with #FFC050 for a bright, cheerful pop.

background

Utilize #FFEEC0 for a soft, warm background that allows other colors to stand out gently.

text

For readable text on light backgrounds, consider a rich brown or charcoal, or use #FF7F50 for larger headings on very light surfaces.

Accessibility notes

  • Ensure sufficient contrast between light background colors like #FFEEC0 and text elements.
  • Use darker text colors (e.g., black or dark brown) on lighter shades such as #FFDDA0 and #FFEEC0.
  • When using #FF7F50 or #FF9E50 for text, ensure it's on a contrasting dark background or used for larger headings.
  • Avoid pairing #FFDDA0 or #FFEEC0 as text on similarly light backgrounds to prevent readability issues.

Recommended combinations

Warm Glow

Creates an inviting, bright aesthetic, great for hero sections or prominent branding.

#FF7F50 · #FFEEC0 · #FFC050

Subtle Sunset

Offers a gentle, gradient-like transition, ideal for background patterns or soft visual interest.

#FFDDA0 · #FF9E50 · #FFEEC0

Festive Pop

A dynamic trio for energetic designs, perfect for accents and calls to action.

#FFC050 · #FF7F50 · #FF9E50

CSS variables

:root {
  --spiced-pumpkin-lantern-1: #FF7F50;
  --spiced-pumpkin-lantern-2: #FF9E50;
  --spiced-pumpkin-lantern-3: #FFC050;
  --spiced-pumpkin-lantern-4: #FFDDA0;
  --spiced-pumpkin-lantern-5: #FFEEC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-lantern": {
        1: "#FF7F50",
        2: "#FF9E50",
        3: "#FFC050",
        4: "#FFDDA0",
        5: "#FFEEC0",
      }
    }
  }
}

Related searches

autumn color schemeswarm fall palettefestive orange colorspumpkin spice palettecozy design colors

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FF9E50
·
Color 3#FFC050
·
Color 4#FFDDA0
·
Color 5#FFEEC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.2:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
1.8:1Fail
3
1.5:1Fail
1.3:1Fail
1.2:1Fail
1.4:1Fail
4
1.9:1Fail
1.6:1Fail
1.2:1Fail
1.1:1Fail
5
2.2:1Fail
1.8:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Spiced Pumpkin Lantern

View all warm
Autumn Spice Bake
Autumn Spice Bake
Autumn Spiced Pumpkin
Pumpkin Spice Harvest
Spiced Pumpkin Harvest
Spiced Pumpkin Patch