Back to palettes

Palette

Spiced Orange Rind

Zesty and rich oranges infused with warm, earthy undertones, like the vibrant zest of sun-dried orange peels.

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

#F27932#D95E1E#A64515#732F0D#F7A667

Palette guide

How to use Spiced Orange Rind

Overview

The Spiced Orange Rind palette (version 1) presents zesty and rich oranges infused with warm, earthy undertones, like the vibrant zest of sun-dried orange peels. This energetic palette, featuring the bright #F27932 (Carrot Orange) and the deep #732F0D (Dark Sienna), offers designers and developers a bold and dynamic spectrum. Complemented by the rich #D95E1E (Burnt Orange) and the softer #F7A667 (Light Salmon), these colors are perfect for projects that require both vibrant energy and grounded sophistication. It's an ideal choice for creating visually striking experiences that evoke culinary zest and natural warmth.

Best used for

  • Bold branding for gourmet food products or artisan spices
  • Culinary websites and recipe platforms with a vibrant aesthetic
  • Exotic spice packaging and specialty food markets
  • Autumn harvest festival promotions and event branding
  • Energetic user interfaces for apps or digital services
  • Travel blogs focusing on vibrant cultures and cuisines

Suggested color roles

primary

Designate #F27932 (Carrot Orange) as the primary color for its vibrant, zesty appeal, ideal for headings, calls to action, and key brand elements.

secondary

Use #D95E1E (Burnt Orange) for supporting design elements, subheadings, or background accents, providing a rich, grounding complement.

accent

Introduce #F7A667 (Light Salmon) as the brightest highlight for interactive elements, notifications, or subtle background textures to add a fresh feel.

background

Apply #F7A667 (Light Salmon) as a soft, warm, and bright background color, creating an inviting and luminous canvas for content.

text

Employ #732F0D (Dark Sienna) for primary text content to ensure maximum readability and provide the deepest, most robust contrast against lighter palette colors.

Accessibility notes

  • Ensure #732F0D text has excellent contrast against #F7A667 and other lighter shades for optimal readability.
  • Avoid using #F7A667 as text on light backgrounds; it will likely not meet WCAG contrast requirements.
  • The darker tones, #A64515 and #732F0D, provide reliable contrast for text on white or very light backgrounds.
  • Be cautious when using #F27932 or #D95E1E for small text elements on backgrounds of similar lightness; check contrast ratios.

Recommended combinations

Zesty Bright

Creates a fresh, dynamic, and appetizing look, suitable for hero sections or promotions of vibrant flavors.

#F27932 · #D95E1E · #F7A667

Earthy Depth

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

#A64515 · #732F0D · #D95E1E

Bold Contrast

Offers a high-impact and readable combination for headings, call-out boxes, or features that need to stand out with clarity and energy.

#F27932 · #732F0D · #F7A667

CSS variables

:root {
  --spiced-orange-rind-1: #F27932;
  --spiced-orange-rind-2: #D95E1E;
  --spiced-orange-rind-3: #A64515;
  --spiced-orange-rind-4: #732F0D;
  --spiced-orange-rind-5: #F7A667;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-orange-rind": {
        1: "#F27932",
        2: "#D95E1E",
        3: "#A64515",
        4: "#732F0D",
        5: "#F7A667",
      }
    }
  }
}

Related searches

zesty orange rind palettebold spiced citrusearthy orange brandvibrant food colorsenergetic warm palette

Palette colors

Hex values

Color 1#F27932
·
Color 2#D95E1E
·
Color 3#A64515
·
Color 4#732F0D
·
Color 5#F7A667
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.5:1AA18
1.4:1Fail
2
1.4:1Fail
1.6:1Fail
2.6:1Fail
1.9:1Fail
3
2.2:1Fail
1.6:1Fail
1.6:1Fail
3:1AA18
4
3.5:1AA18
2.6:1Fail
1.6:1Fail
5:1AA
5
1.4:1Fail
1.9:1Fail
3:1AA18
5:1AA

Similar palettes

More like Spiced Orange Rind

View all warm
Spiced Orange Rind
Warm Spice Market
Bazaar Spice Alchemy
Bazaar Spice Blend
Bazaar Spice Symphony
Cardamom Spice Market