Palette

Spiced Orange Peel

Rich, inviting hues of cinnamon and citrus evoke the comforting aroma of a spiced drink.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C25B3C#E07A5F#FFB67D#9B2915#A3432F

Palette guide

How to use Spiced Orange Peel

Overview

The Spiced Orange Peel palette captures rich, inviting hues of cinnamon and citrus, evoking the comforting aroma of a spiced drink. This natural-mood palette, featuring the deep #9B2915 (Dark Terra Cotta) and bright #FFB67D (Light Salmon), offers designers and developers a warm and earthy spectrum. From the prominent #C25B3C (Chestnut Red) to the softer #E07A5F (Coral Pink), these colors are perfect for projects aiming for a cozy, autumnal feel. It's a versatile collection that balances vibrant warmth with rustic depth, ideal for creating inviting and grounded visual experiences across various applications.

Best used for

Autumnal marketing and seasonal promotions
Cozy home decor branding and e-commerce
Beverage packaging (e.g., spiced cider, tea)
Rustic wedding themes and invitation design
Natural product packaging and artisanal goods
Content platforms focused on comfort and tradition

Suggested color roles

primary

Use #C25B3C (Chestnut Red) as the dominant color for its rich, inviting warmth, ideal for main headings and brand accents.

secondary

Apply #A3432F (Rust Red) for supporting elements, subheadings, or background textures, providing a deeper, earthy complement.

accent

Introduce #E07A5F (Coral Pink) for bright highlights, calls to action, or interactive elements to add a lively, warm pop.

background

Utilize #FFB67D (Light Salmon) as a light, airy background color, offering a gentle and inviting base that enhances readability.

text

Employ #9B2915 (Dark Terra Cotta) for primary text content to ensure exceptional readability against all lighter palette colors, offering a deep, robust contrast.

Accessibility notes

Ensure #9B2915 text has excellent contrast against #FFB67D and other lighter shades for optimal readability.
Avoid using #FFB67D as text on light backgrounds, as it will likely not meet WCAG contrast requirements.
Darker colors like #9B2915 and #A3432F provide strong contrast for text on white or very light backgrounds.
Be cautious when using #E07A5F for small text or interactive elements on similar mid-tone backgrounds; check contrast ratios.

Recommended combinations

Warm Citrus

Creates a light, fresh, and inviting feel, suitable for hero banners or sections highlighting warmth and natural ingredients.

#C25B3C · #E07A5F · #FFB67D

Deep Spice

Ideal for grounded, sophisticated branding, footers, or content blocks that require a rich, earthy, and traditional presence.

#9B2915 · #A3432F · #C25B3C

Cozy Blend

Offers a balanced and comforting look, perfect for main content areas where clarity and a welcoming atmosphere are key.

#C25B3C · #9B2915 · #FFB67D

CSS variables

:root {
  --spiced-orange-peel-1: #C25B3C;
  --spiced-orange-peel-2: #E07A5F;
  --spiced-orange-peel-3: #FFB67D;
  --spiced-orange-peel-4: #9B2915;
  --spiced-orange-peel-5: #A3432F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-orange-peel": {
        1: "#C25B3C",
        2: "#E07A5F",
        3: "#FFB67D",
        4: "#9B2915",
        5: "#A3432F",
      }
    }
  }
}

Hex values

Color 1#C25B3C

Color 2#E07A5F

Color 3#FFB67D

Color 4#9B2915

Color 5#A3432F

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

1.8:1Fail

1.4:1Fail

1.5:1Fail

1.7:1Fail

2.6:1Fail

2.1:1Fail

2.5:1Fail

1.7:1Fail

4.5:1AA18

3.6:1AA18

1.8:1Fail

2.6:1Fail

4.5:1AA18

1.2:1Fail

1.4:1Fail

2.1:1Fail

3.6:1AA18

1.2:1Fail

Similar palettes

More like Spiced Orange Peel