ع

Velvet Night

Rich plum and velvet tones with a soft champagne highlight.

≈ Midnight Slate
≈ Aubergine
≈ Byzantium
≈ Mulberry
≈ Nude

Color codes

HEXRGBHSLCMYK
hsl(281, 35%, 9%)cmyk(16%, 52%, 0%, 88%)
hsl(282, 42%, 20%)cmyk(18%, 59%, 0%, 71%)
hsl(315, 41%, 30%)cmyk(0%, 58%, 14%, 58%)
hsl(335, 42%, 46%)cmyk(0%, 59%, 34%, 34%)
hsl(30, 58%, 78%)cmyk(0%, 14%, 29%, 9%)

CSS

:root {
  --velvet-night-1: #1A0F1F;
  --velvet-night-2: #3D1E4A;
  --velvet-night-3: #6B2D5C;
  --velvet-night-4: #A8456F;
  --velvet-night-5: #E7C6A5;
}

How these colors work together

Its hues are spread widely around the wheel, giving a balanced, varied scheme. Overall it reads warm. Lightness spans 69 points, which sets how much contrast you can create.

3 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#1A0F1F⁩ on ⁦#E7C6A5⁩ (11.50:1).

Velvet Night — readable text using the best pair.

Suggested applications

  • Premium packaging, invitations and boutique brands.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#plum#evening#rich

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Velvet Night palette?
The Velvet Night palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#1A0F1F⁩ on ⁦#E7C6A5⁩: it has a contrast ratio of 11.50:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Marble Hall#F6F4F0 #E2DDD5 #BFB6A8 #7D7366 #2E2A26Black and Gold#0B0B0C #1E1E20 #3A3631 #B08D57 #E8D5A6Emerald Estate#0B2B26 #13463D #1F6F5C #C9A227 #F3EAD3Ocean Depths#03045E #0077B6 #00B4D8 #90E0EF #CAF0F8SaaS Dashboard#0F172A #1E293B #6366F1 #10B981 #F8FAFCPaper and Ink#FAFAF7 #E8E6E1 #9A968E #3A3935 #111111