Back to palettes

Palette

Spiced Clementine

A zesty and invigorating blend of citrus and warm spices, perfect for lively, cozy designs.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFA07A#FF7F50#FF6347#FF4500#CD5C5C

Palette guide

How to use Spiced Clementine

Overview

The Spiced Clementine palette is a vibrant and energetic collection of warm oranges and soft reds, perfect for designs that aim to be lively and inviting. It features a bright progression from #FFA07A and #FF7F50 to the bold #FF6347 and intense #FF4500, with a grounding touch of #CD5C5C. This palette is ideal for capturing the zest of citrus combined with the warmth of spices, making it suitable for energetic branding, festive promotions, or any project needing a lively yet cozy feel. Designers can utilize these dynamic hues to create engaging, memorable, and visually stimulating experiences across various platforms.

Best used for

  • Energetic food and beverage branding, especially citrus-based products
  • Festive holiday marketing and digital campaigns
  • Children's product design or playful educational materials
  • Website and app interfaces needing a vibrant, engaging feel
  • Event branding for lively, celebratory occasions
  • Packaging design for spices or confectionery

Suggested color roles

primary

Use #FF4500 as a bold primary for calls-to-action, prominent headlines, or energetic brand elements.

secondary

Apply #CD5C5C for supporting sections, subheadings, or as a rich background to add depth without overpowering.

accent

Leverage #FFA07A for subtle highlights, interactive elements, or to soften transitions, providing a gentle warmth.

background

A very light cream or near-white background pairs well with these vibrant colors, allowing them to pop.

text

For body text, a deep charcoal or black offers the best contrast against the lighter colors, while #CD5C5C can be used for headings on a very light background.

Accessibility notes

  • Ensure sufficient contrast when pairing any of these vibrant colors with text; avoid similar hues.
  • Dark text (e.g., black) on #FFA07A or #FFDAB9 (if available, or a light cream) offers good readability.
  • Avoid using #FF4500 or #FF6347 for small body text against a background that isn't stark white or black.
  • For interactive elements, maintain a contrast ratio of at least 3:1 to ensure usability for all users.

Recommended combinations

Zesty Pop

Creates a lively and inviting dynamic, perfect for calls-to-action or product highlights.

#FF4500 · #FFA07A · #CD5C5C

Warm Citrus

Offers a softer, more approachable feel for lifestyle content or brand storytelling.

#FF7F50 · #CD5C5C · #FF6347

Spicy Energy

A high-energy combination for bold campaigns or youthful, dynamic brands.

#FF6347 · #FF4500 · #FFA07A

CSS variables

:root {
  --spiced-clementine-1: #FFA07A;
  --spiced-clementine-2: #FF7F50;
  --spiced-clementine-3: #FF6347;
  --spiced-clementine-4: #FF4500;
  --spiced-clementine-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-clementine": {
        1: "#FFA07A",
        2: "#FF7F50",
        3: "#FF6347",
        4: "#FF4500",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

vibrant orange red paletteclementine color schemeenergetic warm colorsspiced citrus palettefestive orange red

Palette colors

Hex values

Color 1#FFA07A
·
Color 2#FF7F50
·
Color 3#FF6347
·
Color 4#FF4500
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.7:1Fail
2:1Fail
2
1.3:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
4
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
2:1Fail
1.6:1Fail
1.3:1Fail
1.2:1Fail

Similar palettes

More like Spiced Clementine

View all warm
Autumn Ember Dance
Autumn Apple Basket
Autumn Bonfire Blaze
Autumn Gourd Spice
Autumn Maple Flame
Crimson Ember Glow