Back to palettes

Palette

Spiced Pear Crumble

A delectable blend of warm spices and mellow fruit, reminiscent of a comforting autumn dessert.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Pear Crumble 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 Pear Crumble.

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

Data visualization

#8FBC8F#8B4513#F5F5DC#DAA520#CD5C5C

Palette guide

How to use Spiced Pear Crumble

Overview

The 'Spiced Pear Crumble' palette is a delectable blend of warm spices and mellow fruit, ideal for evoking a comforting autumn dessert feel. Designers and developers can leverage its cozy, natural mood, featuring a rich brown like #8B4513, a gentle cream #F5F5DC, and a vibrant golden yellow #DAA520. This palette is perfect for projects requiring warmth, earthiness, and a touch of inviting charm. Its harmonious blend of green, brown, cream, gold, and muted red offers versatility for creating visually appealing and emotionally resonant designs that feel both rustic and refined.

Best used for

  • Food and beverage branding (desserts, artisanal products)
  • Autumnal event invitations and decor
  • Cozy cafe or bakery website design
  • Rustic home decor mood boards
  • Comfort food blog themes
  • Natural product packaging

Suggested color roles

primary

Use #8B4513 (Saddle Brown) for main branding elements, strong headings, or foundational sections, offering a rich, grounded presence.

secondary

Apply #DAA520 (Goldenrod) for supporting accents, subheadings, or illustrations, providing a warm, inviting glow.

accent

Incorporate #CD5C5C (Indian Red) sparingly for calls-to-action, important notifications, or subtle highlights, adding a touch of cozy vibrancy.

background

Utilize #F5F5DC (Beige) as a soft, neutral base for content areas, offering excellent readability and a gentle, inviting feel.

text

Pair a deep charcoal or #8B4513 for dark text on light backgrounds like #F5F5DC to ensure optimal readability; use white or near-white for text on darker hues.

Accessibility notes

  • Ensure sufficient contrast when placing #8B4513 or #CD5C5C text on #F5F5DC background for WCAG compliance.
  • Verify that interactive elements using #DAA520 or #CD5C5C have clear focus states.
  • Avoid using #8FBC8F (Dark Sea Green) for small text on #F5F5DC as contrast may be insufficient.
  • Consider using a slightly darker version of #8B4513 for body text on light backgrounds to enhance readability.

Recommended combinations

Earthy Base

Foundation for nature-inspired designs, providing a calm backdrop with rich, grounding accents and a hint of freshness.

#F5F5DC · #8B4513 · #8FBC8F

Warm Highlight

Drawing attention to key features or calls-to-action with vibrant warmth and a comforting, rustic feel.

#DAA520 · #CD5C5C · #8B4513

Soft Contrast

Creating gentle visual separation for content blocks or decorative elements, maintaining a light and airy yet warm atmosphere.

#F5F5DC · #8FBC8F · #CD5C5C

CSS variables

:root {
  --spiced-pear-crumble-1: #8FBC8F;
  --spiced-pear-crumble-2: #8B4513;
  --spiced-pear-crumble-3: #F5F5DC;
  --spiced-pear-crumble-4: #DAA520;
  --spiced-pear-crumble-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pear-crumble": {
        1: "#8FBC8F",
        2: "#8B4513",
        3: "#F5F5DC",
        4: "#DAA520",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

cozy autumn palettefood branding colorsrustic design palettecomfort food color schemenature inspired web colors

Palette colors

Hex values

Color 1#8FBC8F
·
Color 2#8B4513
·
Color 3#F5F5DC
·
Color 4#DAA520
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.3:1AA18
1.9:1Fail
1:1Fail
1.8:1Fail
2
3.3:1AA18
6.4:1AA
3.2:1AA18
1.8:1Fail
3
1.9:1Fail
6.4:1AA
2:1Fail
3.6:1AA18
4
1:1Fail
3.2:1AA18
2:1Fail
1.8:1Fail
5
1.8:1Fail
1.8:1Fail
3.6:1AA18
1.8:1Fail

Similar palettes

More like Spiced Pear Crumble

View all warm
Artisan Bread Hearth
Autumn Harvest Hearth
Autumn Hearth Spice
Autumn Spice Bake
Berry Crumble Warmth
Caramel Swirl Indulge