Back to palettes

Palette

Velvet Clove Dream

A warm, deep collection of reddish-browns, reminiscent of rich velvet infused with the scent of cloves.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Clove Dream 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 Clove Dream.

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

Data visualization

#2F0A0A#4F1A1A#7D2D2D#AD4A4A#DE6A6A

Palette guide

How to use Velvet Clove Dream

Overview

The Velvet Clove Dream palette is a warm, deep collection of reddish-browns, reminiscent of rich velvet infused with the scent of cloves. Ranging from the profound #2F0A0A, through #4F1A1A, #7D2D2D, and #AD4A4A, to the inviting #DE6A6A, this scheme offers a harmonious blend of dark and warm tones. It's ideal for designers seeking to convey coziness, richness, and a sophisticated, autumnal feel. Its deep, elegant hues are perfect for creating inviting digital experiences, rustic luxury branding, or any project that benefits from a natural, comforting aesthetic with a touch of spice.

Best used for

  • Autumn/winter seasonal branding
  • Cozy home decor and lifestyle content
  • Spice and gourmet food packaging
  • Historical or rustic luxury design themes
  • Warm digital interfaces and applications
  • Fashion and apparel with an earthy, rich feel

Suggested color roles

primary

Utilize #2F0A0A as the dominant background or primary branding color to establish a deep, grounding foundation.

secondary

Employ #4F1A1A and #7D2D2D for secondary content areas, panels, or subtle graphic elements, adding warmth.

accent

The inviting #DE6A6A can highlight key information or interactive elements, providing a gentle, warm contrast.

background

The deepest #2F0A0A or #4F1A1A offers a sophisticated dark background, making lighter elements pop.

text

For optimal readability on dark backgrounds, use #DE6A6A or a light cream/white. For headings, #AD4A4A can offer a warm accent.

Accessibility notes

  • Ensure #DE6A6A or white text on #2F0A0A, #4F1A1A, or #7D2D2D backgrounds meets WCAG contrast requirements (at least 4.5:1).
  • Avoid pairing #AD4A4A text with #DE6A6A, as the contrast will likely be insufficient for legibility.
  • Interactive elements should have clearly discernible states, especially when using subtle tonal shifts.
  • Consider using a slightly darker brown-red for body text if the background is #DE6A6A to ensure optimal readability.

Recommended combinations

Spiced Comfort

Ideal for main content sections, offering a deep, comforting background with warm mid-tones and a readable accent.

#2F0A0A · #7D2D2D · #DE6A6A

Clove Layers

Excellent for subtle gradient effects, background textures, or layered UI components that require nuanced depth.

#4F1A1A · #7D2D2D · #AD4A4A

Warm Highlight

Perfect for drawing attention to key details, navigation elements, or creating a cozy, inviting feel in UI design.

#2F0A0A · #DE6A6A · #AD4A4A

CSS variables

:root {
  --velvet-clove-dream-1: #2F0A0A;
  --velvet-clove-dream-2: #4F1A1A;
  --velvet-clove-dream-3: #7D2D2D;
  --velvet-clove-dream-4: #AD4A4A;
  --velvet-clove-dream-5: #DE6A6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-clove-dream": {
        1: "#2F0A0A",
        2: "#4F1A1A",
        3: "#7D2D2D",
        4: "#AD4A4A",
        5: "#DE6A6A",
      }
    }
  }
}

Related searches

spiced red palettewarm brown-red colorsautumnal design schemevelvet texture colorscozy deep reds

Palette colors

Hex values

Color 1#2F0A0A
·
Color 2#4F1A1A
·
Color 3#7D2D2D
·
Color 4#AD4A4A
·
Color 5#DE6A6A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.3:1AA18
5.5:1AA
2
1.3:1Fail
1.5:1Fail
2.6:1Fail
4.3:1AA18
3
2:1Fail
1.5:1Fail
1.7:1Fail
2.8:1Fail
4
3.3:1AA18
2.6:1Fail
1.7:1Fail
1.7:1Fail
5
5.5:1AA
4.3:1AA18
2.8:1Fail
1.7:1Fail

Similar palettes

More like Velvet Clove Dream

View all Dark
Cacao Bean Roast
Abyssal Bioluminescence
Abyssal Seaweed Garden
Dark Academia Ink
Deep Forest Murmur
Deep Space Void