Back to palettes

Palette

Velvet Study Charm

A sophisticated palette capturing the subdued elegance of a private study lined with old books and rich fabrics.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Study Charm 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 Study Charm.

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

Data visualization

#2F2A33#5A5260#8A818B#453F4A#726A74

Palette guide

How to use Velvet Study Charm

Overview

The Velvet Study Charm palette evokes a sense of refined elegance and vintage sophistication, perfect for projects requiring a rich, subdued aesthetic. Anchored by deep tones like #2F2A33 and #453F4A, it offers a luxurious foundation. Mid-tones such as #5A5260 and #726A74 provide smooth transitions and depth, while the lighter #8A818B introduces a touch of subtle contrast without losing the palette's inherent moodiness. This collection is ideal for designers and developers aiming to create an atmosphere of quiet luxury, historical depth, or exclusive branding, providing a versatile range for both digital and print applications that demand a sophisticated, library-esque feel.

Best used for

  • Luxury brand websites and applications
  • Editorial design for high-end publications
  • Vintage-inspired product packaging
  • Interior design visualization (e.g., studies, libraries)
  • Sophisticated event invitations and branding
  • Dark mode UI themes with an elegant touch

Suggested color roles

primary

#2F2A33. A deep, anchoring shade for main backgrounds, large text blocks, or primary branding elements, exuding gravitas and sophistication.

secondary

#453F4A. Excellent for secondary sections, navigation, or subtle dividers, offering a slightly softer depth than the primary while maintaining cohesion.

accent

#8A818B. Use sparingly for highlights, interactive elements, or small icon details to draw attention without disrupting the overall subdued mood.

background

#2F2A33. Provides a rich, immersive backdrop for dark-themed interfaces or print, making lighter elements pop with understated elegance.

text

Use a light, near-white color like #F5F5F5 or #FFFFFF for body text against dark backgrounds to ensure readability, or #8A818B for subtle headings against #2F2A33.

Accessibility notes

  • Ensure sufficient contrast between #2F2A33 backgrounds and light text (e.g., #FFFFFF) for WCAG AA compliance.
  • Avoid using #726A74 or #5A5260 for small text on #453F4A backgrounds due to inherently low contrast.
  • When using #8A818B as text, ensure the background is significantly darker (e.g., #2F2A33) and consider larger font sizes.
  • Test all text and interactive element contrasts, especially with mid-tones like #5A5260 and #726A74, as they can easily fail readability checks.

Recommended combinations

Deep Contrast

Ideal for high-impact headers and subheaders, where #8A818B provides a clear highlight on the deep #2F2A33, complemented by #5A5260 for secondary information.

#2F2A33 · #8A818B · #5A5260

Subtle Depth

Perfect for creating layered UI elements or elegant background patterns, with #726A74 offering a gentle separation from #453F4A, framed by #2F2A33.

#453F4A · #726A74 · #2F2A33

Elegant Trio

A versatile grouping for content blocks, card backgrounds, or subtle interactive states, providing a harmonious and sophisticated visual flow.

#5A5260 · #8A818B · #726A74

CSS variables

:root {
  --velvet-study-charm-1: #2F2A33;
  --velvet-study-charm-2: #5A5260;
  --velvet-study-charm-3: #8A818B;
  --velvet-study-charm-4: #453F4A;
  --velvet-study-charm-5: #726A74;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-study-charm": {
        1: "#2F2A33",
        2: "#5A5260",
        3: "#8A818B",
        4: "#453F4A",
        5: "#726A74",
      }
    }
  }
}

Related searches

dark elegant color schemesvintage library palettesophisticated purple gray colorsmoody brand colorsluxury dark theme

Palette colors

Hex values

Color 1#2F2A33
·
Color 2#5A5260
·
Color 3#8A818B
·
Color 4#453F4A
·
Color 5#726A74
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
1.4:1Fail
2.7:1Fail
2
1.9:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
3
3.7:1AA18
2:1Fail
2.7:1Fail
1.4:1Fail
4
1.4:1Fail
1.4:1Fail
2.7:1Fail
2:1Fail
5
2.7:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail

Similar palettes

More like Velvet Study Charm

View all Dark
Baroque Tapestry Weave
Deep Space Orchid
Gothic Cathedral Stain
Imperial Gemstone Array
Velvet Midnight Lounge
Amethyst Star Cluster