Palette

Spiced Fig Orchard

Deep and aromatic, capturing the rich, sweet essence of spiced figs ripening in an autumn orchard.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F1B3E#8C2F57#BD527F#E77AAB#F1AAC6

Palette guide

How to use Spiced Fig Orchard

Overview

The Spiced Fig Orchard palette offers a luxurious journey through deep, romantic purples and vibrant berry tones, ideal for designs that aim for elegance and depth. From the profound #5F1B3E to the soft, inviting #F1AAC6, with striking mid-tones like #BD527F, this collection captures the rich essence of autumn fruits. Designers can utilize its sophisticated range for high-end branding, fashion, or editorial content. Developers will find these colors excellent for creating immersive, visually rich user interfaces, particularly in luxury goods, beauty, or lifestyle applications. This palette exudes a sense of refined warmth and understated glamour.

Best used for

Luxury brand identity and packaging
High-end fashion editorial design
Beauty and cosmetic product displays
Wedding and event stationery
Interior design mood boards
E-commerce sites for artisan products

Suggested color roles

primary

Establish a sophisticated foundation with #5F1B3E for large sections, headers, or a primary brand color.

secondary

Use #8C2F57 for subheadings, navigation, or secondary graphical elements, adding depth without being too stark.

accent

Highlight key calls-to-action or decorative elements with #BD527F or #E77AAB to introduce vibrancy and focus.

background

Apply #F1AAC6 for a soft, inviting background, or consider a subtle gradient using #8C2F57 and #BD527F for richer areas.

text

For dark backgrounds, #F1AAC6 provides excellent contrast. For lighter backgrounds like #F1AAC6, use #5F1B3E or charcoal for readability.

Accessibility notes

Ensure #F1AAC6 has sufficient contrast with any dark text, especially on interactive elements.
Avoid using #E77AAB as text on #BD527F; their contrast is too low.
The darkest shade, #5F1B3E, offers strong readability when paired with #F1AAC6.
Consider larger font sizes for text elements using #BD527F on a slightly darker background.

Recommended combinations

Deep Elegance

Perfect for sophisticated branding: darkest for logos, lightest for backgrounds, mid-tone for accents.

#5F1B3E · #F1AAC6 · #BD527F

Vibrant Highlight

Use for dynamic illustrations, data visualizations, or eye-catching call-to-action buttons.

#8C2F57 · #E77AAB · #F1AAC6

Orchard Hues

Excellent for creating depth in visual storytelling, showcasing product variations, or layered graphics.

#5F1B3E · #BD527F · #E77AAB

CSS variables

:root {
  --spiced-fig-orchard-1: #5F1B3E;
  --spiced-fig-orchard-2: #8C2F57;
  --spiced-fig-orchard-3: #BD527F;
  --spiced-fig-orchard-4: #E77AAB;
  --spiced-fig-orchard-5: #F1AAC6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-fig-orchard": {
        1: "#5F1B3E",
        2: "#8C2F57",
        3: "#BD527F",
        4: "#E77AAB",
        5: "#F1AAC6",
      }
    }
  }
}

Hex values

Color 1#5F1B3E

Color 2#8C2F57

Color 3#BD527F

Color 4#E77AAB

Color 5#F1AAC6

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

4.5:1AA

6.6:1AA

1.6:1Fail

1.8:1Fail

2.9:1Fail

4.3:1AA18

2.7:1Fail

1.8:1Fail

1.7:1Fail

2.4:1Fail