Palette

Velvet Fig Harvest

A deep, luxurious palette inspired by ripe figs and plush velvet, rich and opulent.

DarkElegant5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Fig Harvest 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 Velvet Fig Harvest.

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

Data visualization

#4B0082#6A1A7F#8E309C#B64EB4#E27FEB

Palette guide

How to use Velvet Fig Harvest

Overview

The "Velvet Fig Harvest" palette (version 1) is a deep, luxurious collection inspired by ripe figs and plush velvet, rich and opulent. Featuring a beautiful gradient of purples, from the ultra-deep #4B0082 to the vibrant #E27FEB, and including rich tones like #6A1A7F and #8E309C, this collection offers immense elegance and dramatic flair. It's an excellent choice for designers and developers aiming to create projects with a sophisticated, gourmet, or high-end aesthetic. This palette provides a versatile foundation for engaging UI, upscale branding, or captivating digital art with a timeless, opulent appeal.

Best used for

Gourmet food and beverage branding
Luxury product websites and packaging
Elegant event invitations and themes
Fashion accessories and textile design
Sophisticated app and website UI design
Digital art and illustration for luxury brands

Suggested color roles

primary

Designate #6A1A7F as the deep, foundational fig-purple, ideal for large backgrounds or dominant brand elements.

secondary

Use #8E309C as a rich, supporting purple for secondary content, headers, or subtle depth.

accent

Apply #E27FEB as the brightest accent, perfect for calls to action, highlights, or dazzling graphical elements.

background

Employ #4B0082 for an ultra-dark, almost black-purple background, creating an immersive and dramatic base.

text

For optimal readability, use white or a very light lavender for all text elements against these dark, rich colors.

Accessibility notes

All text on #4B0082, #6A1A7F, and #8E309C must be very light (e.g., white) to ensure readability.
#B64EB4 and #E27FEB may be too light for white text; consider a dark charcoal or black for text on these colors.
Ensure sufficient contrast for interactive elements, possibly using #E27FEB for focus states with dark text.
Avoid using small font sizes with low contrast, especially for critical information.

Recommended combinations

Deep Fig

Creates an intensely deep and luxurious foundation, ideal for dark mode themes or dramatic backgrounds.

#4B0082 · #6A1A7F · #8E309C

Velvet Bloom

Introduces a luminous glow and strong accent, perfect for calls to action or key visual elements.

#B64EB4 · #E27FEB · #6A1A7F

Rich Opulence

Blends the core purples for a sophisticated and opulent feel, suitable for content blocks and headers.

#6A1A7F · #8E309C · #4B0082

CSS variables

:root {
  --velvet-fig-harvest-1: #4B0082;
  --velvet-fig-harvest-2: #6A1A7F;
  --velvet-fig-harvest-3: #8E309C;
  --velvet-fig-harvest-4: #B64EB4;
  --velvet-fig-harvest-5: #E27FEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-fig-harvest": {
        1: "#4B0082",
        2: "#6A1A7F",
        3: "#8E309C",
        4: "#B64EB4",
        5: "#E27FEB",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A1A7F

Color 3#8E309C

Color 4#B64EB4

Color 5#E27FEB

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

2.9:1Fail

5.2:1AA

1.3:1Fail

1.5:1Fail

2.3:1Fail

4.1:1AA18

1.9:1Fail

1.5:1Fail

1.6:1Fail

2.8:1Fail

2.9:1Fail

2.3:1Fail

1.6:1Fail

1.8:1Fail

5.2:1AA

4.1:1AA18

2.8:1Fail

1.8:1Fail

Similar palettes

More like Velvet Fig Harvest

View all Dark

Spiced Fig Dessert

Velvet Fig Pudding

Amethyst Star Cluster

Midnight Velvet Aura

Velvet Opera Night

Baroque Tapestry Weave