Back to palettes

Palette

Pumpkin Spice Latte

A comforting blend of warm, autumnal hues reminiscent of a favorite spiced latte, inviting warmth and coziness.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pumpkin Spice Latte 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 Pumpkin Spice Latte.

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

Data visualization

#8B4513#C25B3E#D37536#E0AC7D#F5DEB3

Palette guide

How to use Pumpkin Spice Latte

Overview

The "Pumpkin Spice Latte" palette offers a comforting blend of warm, autumnal hues, perfectly capturing the essence of a cozy spiced drink. It ranges from the deep, grounding #8B4513 (saddle brown) to the rich #C25B3E (rusty red) and vibrant #D37536 (persimmon). Lighter, creamy tones like #E0AC7D (light tan) and the soft #F5DEB3 (cream) complete this inviting collection. Designers can leverage this palette to create warm, friendly, and approachable user interfaces or branding. It's ideal for projects that aim to evoke a sense of comfort, warmth, and natural coziness, making it versatile for both digital and print applications.

Best used for

  • Cafe and beverage branding
  • Cozy blog themes (e.g., lifestyle, cooking)
  • Fall fashion e-commerce sites
  • Relaxation or wellness app interfaces
  • Seasonal product packaging
  • Autumnal social media graphics

Suggested color roles

primary

This warm persimmon orange #D37536 is excellent for impactful calls-to-action, main headings, or key branding elements.

secondary

A rich, rusty red #C25B3E, ideal for supporting information, subheadings, or secondary interactive elements that need warmth and depth.

accent

A soft, light tan #E0AC7D, perfect for subtle highlights, active states, or decorative elements that add a touch of creaminess.

background

A delicate cream #F5DEB3 provides a soft, warm, and inviting canvas, allowing content to stand out comfortably.

text

Saddle brown #8B4513 offers excellent readability against lighter backgrounds, ideal for body text, navigation links, and important labels, or a dark charcoal.

Accessibility notes

  • Ensure strong contrast between #8B4513 text and #F5DEB3 backgrounds for optimal readability.
  • Avoid placing #E0AC7D text on #F5DEB3 as contrast will be poor.
  • Verify all color combinations, especially for text and interactive elements, meet WCAG AA standards.
  • For small text, consider a very dark brown or black for best legibility on the lightest colors.

Recommended combinations

Spiced Warmth

Creates a strong, comforting brand presence, excellent for headers and main content.

#8B4513 · #F5DEB3 · #D37536

Creamy Blend

Provides a soft and inviting feel for secondary information, backgrounds, or subtle accents.

#E0AC7D · #C25B3E · #D37536

Latte Depth

Offers a balanced look with depth and lightness, suitable for navigation, footers, or feature blocks.

#C25B3E · #F5DEB3 · #8B4513

CSS variables

:root {
  --pumpkin-spice-latte-2-1: #8B4513;
  --pumpkin-spice-latte-2-2: #C25B3E;
  --pumpkin-spice-latte-2-3: #D37536;
  --pumpkin-spice-latte-2-4: #E0AC7D;
  --pumpkin-spice-latte-2-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pumpkin-spice-latte-2": {
        1: "#8B4513",
        2: "#C25B3E",
        3: "#D37536",
        4: "#E0AC7D",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

pumpkin spice color palettecozy drink colorsautumn latte hex codeswarm brown orange schemeseasonal comfort colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#C25B3E
·
Color 3#D37536
·
Color 4#E0AC7D
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
3.5:1AA18
5.4:1AA
2
1.6:1Fail
1.3:1Fail
2.1:1Fail
3.3:1AA18
3
2.2:1Fail
1.3:1Fail
1.6:1Fail
2.5:1Fail
4
3.5:1AA18
2.1:1Fail
1.6:1Fail
1.5:1Fail
5
5.4:1AA
3.3:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Pumpkin Spice Latte

View all warm
Cinnamon Hearth Glow
Cinnamon Toast Cozy
Spiced Cinnamon Brew
Spiced Cinnamon Hearth
Spiced Ginger Warmth
Spiced Tea House