Back to palettes

Palette

Indigo Velvet Dream

A sophisticated spectrum of deep indigos and soft purples, reminiscent of luxurious velvet in a dreamlike setting.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C2A4A#4F4C80#7D78B8#A8A4D8#CED2EE

Palette guide

How to use Indigo Velvet Dream

Overview

The Indigo Velvet Dream palette offers a sophisticated spectrum of deep indigos and soft purples, reminiscent of luxurious velvet in a dreamlike setting. Featuring the profound #2C2A4A, a rich #4F4C80, and a delicate #CED2EE, this palette is ideal for creating elegant and immersive digital experiences. Mid-tones like #7D78B8 and #A8A4D8 provide smooth transitions and versatile options for layering. Designers and developers can use this scheme to evoke a sense of calm luxury, perfect for high-end branding, creative portfolios, or applications that aim for a gentle yet profound aesthetic.

Best used for

  • Luxury lifestyle and fashion brands
  • Creative portfolios and digital art showcases
  • Meditation and wellness applications
  • Elegant event invitations and websites
  • Beauty and cosmetic product branding
  • Upscale interior design visualization

Suggested color roles

primary

Utilize #4F4C80 as a rich, inviting main color for key sections, headings, or branding, setting a luxurious tone.

secondary

Apply #2C2A4A for deep, grounding elements like footers, strong text, or subtle background panels, adding depth and stability.

accent

Highlight interactive elements, notifications, or key visuals with #A8A4D8, providing a soft, luminous focal point.

background

Employ #CED2EE as a light, airy, and dreamlike canvas for content, ensuring readability while maintaining the palette's sophisticated feel.

text

For optimal readability on lighter backgrounds, use #2C2A4A or a deep charcoal. On darker backgrounds, white or #CED2EE works well.

Accessibility notes

  • Ensure sufficient contrast when using #A8A4D8 for text or small elements, especially against the light #CED2EE background.
  • Prioritize using #2C2A4A for body text on light backgrounds to meet accessibility standards for readability.
  • Check the contrast ratio for mid-tones like #7D78B8 when used as text on #CED2EE to avoid readability issues.
  • Provide clear visual cues for interactive elements, ensuring they stand out adequately from non-interactive content.

Recommended combinations

Velvet Depths

Creates a rich, layered background effect for elegant UI components, hero sections, or a sophisticated gradient.

#2C2A4A · #4F4C80 · #7D78B8

Dreamy Glow

Use #CED2EE as a soft background, #A8A4D8 for gentle accents or links, and #4F4C80 for prominent headers or primary text.

#CED2EE · #A8A4D8 · #4F4C80

Subtle Contrast

Apply #4F4C80 for card backgrounds, #A8A4D8 for subtle highlights or icons, and #2C2A4A for clear, readable body text.

#4F4C80 · #A8A4D8 · #2C2A4A

CSS variables

:root {
  --indigo-velvet-dream-1: #2C2A4A;
  --indigo-velvet-dream-2: #4F4C80;
  --indigo-velvet-dream-3: #7D78B8;
  --indigo-velvet-dream-4: #A8A4D8;
  --indigo-velvet-dream-5: #CED2EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indigo-velvet-dream": {
        1: "#2C2A4A",
        2: "#4F4C80",
        3: "#7D78B8",
        4: "#A8A4D8",
        5: "#CED2EE",
      }
    }
  }
}

Related searches

velvet color schemeelegant indigo purpledreamy dark paletteluxurious ui colorssophisticated blue violet

Palette colors

Hex values

Color 1#2C2A4A
·
Color 2#4F4C80
·
Color 3#7D78B8
·
Color 4#A8A4D8
·
Color 5#CED2EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.4:1AA18
5.8:1AA
9.2:1AAA
2
1.7:1Fail
2:1Fail
3.3:1AA18
5.3:1AA
3
3.4:1AA18
2:1Fail
1.7:1Fail
2.7:1Fail
4
5.8:1AA
3.3:1AA18
1.7:1Fail
1.6:1Fail
5
9.2:1AAA
5.3:1AA
2.7:1Fail
1.6:1Fail

Similar palettes

More like Indigo Velvet Dream

View all dark
Midnight Velour Stage
Baroque Crimson Drape
Baroque Velvet Plum
Berry Patch Velvet
Celestial Night Garden
Cosmic Drama Scene