Back to palettes

Palette

Spiced Orange Rind

A delectable blend of warm citrus and cozy spice, reminiscent of holiday comforts.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Orange Rind 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 Orange Rind.

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

Data visualization

#8B4513#CD5C5C#FF4500#FF8C00#FFA500

Palette guide

How to use Spiced Orange Rind

Overview

The Spiced Orange Rind palette (version 2) is a delectable blend of warm citrus and cozy spice, reminiscent of holiday comforts. This energetic palette, featuring fiery #FF4500 (OrangeRed) and bright #FFA500 (Orange), provides designers and developers with a vibrant yet inviting spectrum. Grounded by the rich #8B4513 (SaddleBrown) and complemented by the bold #CD5C5C (IndianRed), these colors are perfect for projects that demand both zest and warmth. It's an ideal choice for creating visually appealing experiences that evoke a sense of festive energy and comforting spice, making it highly versatile for various design applications.

Best used for

  • Holiday advertising and festive promotions
  • Energetic food blogs and culinary websites
  • Festive product packaging and seasonal branding
  • Event branding for lively gatherings or celebrations
  • Vibrant digital interfaces for engaging user experiences
  • E-commerce sites for artisan goods or home decor

Suggested color roles

primary

Designate #FF4500 (OrangeRed) as the primary color for its bold, energetic presence, ideal for calls to action, headings, and key brand elements.

secondary

Use #FFA500 (Orange) for supporting elements, subheadings, or background accents, providing a bright, zesty complement.

accent

Introduce #CD5C5C (IndianRed) as a fiery, contrasting red-orange for highlights, interactive states, or decorative details to add visual interest.

background

Apply #FF8C00 (DarkOrange) as a warm, inviting background color, offering a saturated yet welcoming canvas that highlights content.

text

Employ #8B4513 (SaddleBrown) for primary text content to ensure strong contrast and excellent readability against all lighter palette colors.

Accessibility notes

  • Ensure #8B4513 text has excellent contrast against #FFA500, #FF8C00, and other lighter shades for optimal readability.
  • Avoid using #FFA500 or #FF8C00 as text on light backgrounds; they may not meet WCAG contrast requirements.
  • The dark #8B4513 provides reliable contrast for text on white or very light backgrounds.
  • Be cautious when using #CD5C5C or #FF4500 for small text or interactive elements on similar vibrant backgrounds; check contrast ratios.

Recommended combinations

Fiery Zest

Creates a high-energy, vibrant feel, suitable for hero sections or promotions needing to convey excitement and freshness.

#FF4500 · #FFA500 · #FF8C00

Spiced Depth

Ideal for grounded, impactful branding, footers, or content blocks that require a sophisticated and warm presence with strong contrast.

#8B4513 · #CD5C5C · #FF4500

Holiday Warmth

Offers a festive and inviting look, perfect for seasonal campaigns, event graphics, or sections promoting cozy comforts.

#FF8C00 · #FFA500 · #CD5C5C

CSS variables

:root {
  --spiced-orange-rind-2-1: #8B4513;
  --spiced-orange-rind-2-2: #CD5C5C;
  --spiced-orange-rind-2-3: #FF4500;
  --spiced-orange-rind-2-4: #FF8C00;
  --spiced-orange-rind-2-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-orange-rind-2": {
        1: "#8B4513",
        2: "#CD5C5C",
        3: "#FF4500",
        4: "#FF8C00",
        5: "#FFA500",
      }
    }
  }
}

Related searches

spiced orange rind palettefiery citrus colorsholiday orange schemeenergetic spice hueswarm autumn palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD5C5C
·
Color 3#FF4500
·
Color 4#FF8C00
·
Color 5#FFA500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.1:1Fail
3:1AA18
3.6:1AA18
2
1.8:1Fail
1.2:1Fail
1.7:1Fail
2:1Fail
3
2.1:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail
4
3:1AA18
1.7:1Fail
1.5:1Fail
1.2:1Fail
5
3.6:1AA18
2:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Spiced Orange Rind

View all warm
Harvest Moon Serenade
Spiced Marigold
Spiced Orange Rind
Amber Harvest Glow
Amber Harvest Nectar
Amber Spice Market