darkvibrantbrand-like
Royal Velvet Color Palette
Royal Velvet is a dark, vibrant and brand-ready color palette of 5 colors: Oxford Blue (#13111c), Indigo (#3d1a78), Iris (#6c3ec1), Saffron (#f5c518) and Snow (#fafafa). Its dominant hue is purple.
The darkest color, Oxford Blue, on the lightest, Snow, gives a 17.88:1 contrast ratio — enough for body text at WCAG AAA. 5 pairs in this palette pass AA for normal text. Iris (#6c3ec1) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Indigo
- Iris
- Saffron
- Snow
CSS Output
:root {
--royal-velvet-1: #13111c;
--royal-velvet-2: #3d1a78;
--royal-velvet-3: #6c3ec1;
--royal-velvet-4: #f5c518;
--royal-velvet-5: #fafafa;
}Royal Velvet on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on Snow#13111c on #fafafa17.88:1AAA
- Indigo on Snow#3d1a78 on #fafafa12.43:1AAA
- Oxford Blue on Saffron#13111c on #f5c51811.45:1AAA
- Indigo on Saffron#3d1a78 on #f5c5187.96:1AAA
- Iris on Snow#6c3ec1 on #fafafa6.49:1AA
- Iris on Saffron#6c3ec1 on #f5c5184.15:1AA Large