Back to palettes

Palette

Spiced Fig Jam

A delectable blend of deep reds and purples, capturing the richness of homemade fig jam with a hint of spice.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A1D2D#6C273B#9B384B#C96D7F#F7B8C0

Palette guide

How to use Spiced Fig Jam

Overview

The Spiced Fig Jam palette offers a rich, warm journey through deep berry and plum tones, perfect for designs seeking elegance and comfort. Featuring a spectrum from the deep, mysterious #4A1D2D to the delicate blush of #F7B8C0, with captivating mid-tones like #9B384B, this collection evokes the luxurious sweetness of homemade preserves. Designers can leverage its depth for sophisticated branding or its softer hues for inviting digital interfaces. Developers will find these colors versatile for creating warm, engaging user experiences, particularly in lifestyle or gourmet-themed applications. The palette's inherent warmth makes it ideal for projects needing a touch of cozy sophistication.

Best used for

  • Luxury food branding and packaging
  • Autumnal fashion lookbooks
  • Cozy home decor e-commerce sites
  • Restaurant and cafe menus
  • Editorial designs for lifestyle magazines
  • Event invitations for intimate gatherings

Suggested color roles

primary

Use #4A1D2D as a foundational, sophisticated base for headers, footers, or large content blocks, establishing a deep, rich mood.

secondary

Apply #6C273B for subheadings, navigation elements, or secondary calls-to-action, offering depth without overwhelming.

accent

Highlight key information or interactive elements with #9B384B or #C96D7F to draw attention and add vibrancy.

background

Employ #F7B8C0 for light, airy backgrounds that allow darker text to stand out, or use #C96D7F for a richer, more immersive background.

text

For dark backgrounds, use #F7B8C0. For lighter backgrounds like #F7B8C0, use #4A1D2D or a near-black for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when pairing #F7B8C0 with any of the darker hues for text.
  • Avoid using #C96D7F as text on #9B384B due to low contrast.
  • The darkest color, #4A1D2D, provides excellent contrast with #F7B8C0 for large text.
  • Consider using a larger font size or bolding for text set in #C96D7F on a slightly darker background.

Recommended combinations

Rich Contrast

Ideal for elegant headlines (darkest), body text (lightest), and subtle accents (mid-tone).

#4A1D2D · #F7B8C0 · #9B384B

Warm Gradient

Excellent for background gradients, subtle hover states, or illustrative elements.

#6C273B · #C96D7F · #F7B8C0

Deep & Bold

Use for striking visual hierarchy in branding, primary buttons, or impactful sections.

#4A1D2D · #9B384B · #C96D7F

CSS variables

:root {
  --spiced-fig-jam-1: #4A1D2D;
  --spiced-fig-jam-2: #6C273B;
  --spiced-fig-jam-3: #9B384B;
  --spiced-fig-jam-4: #C96D7F;
  --spiced-fig-jam-5: #F7B8C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-fig-jam": {
        1: "#4A1D2D",
        2: "#6C273B",
        3: "#9B384B",
        4: "#C96D7F",
        5: "#F7B8C0",
      }
    }
  }
}

Related searches

warm fig color paletteberry red design colorsautumn jam color schemerich plum web designfoodie brand colors

Palette colors

Hex values

Color 1#4A1D2D
·
Color 2#6C273B
·
Color 3#9B384B
·
Color 4#C96D7F
·
Color 5#F7B8C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
4:1AA18
8.4:1AAA
2
1.3:1Fail
1.5:1Fail
3:1AA18
6.3:1AA
3
2:1Fail
1.5:1Fail
2:1Fail
4.1:1AA18
4
4:1AA18
3:1AA18
2:1Fail
2.1:1Fail
5
8.4:1AAA
6.3:1AA
4.1:1AA18
2.1:1Fail

Similar palettes

More like Spiced Fig Jam

View all warm