color palettesViolet hour
Dark
Velvety violet with a luminous pink finish.
Color / A considered starting point
Purple color palettes.
Use a deep violet to anchor an interface, or let lavender carry the surfaces around neutral text.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Rosewater
Soft
Rose, plum, and a quieter kind of contrast.
Purple punctuation on a sunny page.
Acid violet
Bold
Tart lime against a deliberate violet.
Plum tangerine
Bold
Deep plum with a citrus-colored finish.
Indigo persimmon
Bold
Indigo ink with a warm fruit note.
Apricot royal
Bold
Royal violet warmed by apricot paper.
Cobalt lilac
Bold
Two cool hues with different responsibilities.
Redline cream
Bold
A red editorial mark on creamy stock.
Lavender oat
Soft
Lavender with a natural oat warmth.
Blue hydrangea
Soft
Powder blue and pale violet in balance.
Mauve seafoam
Soft
Mauve lettering and a seafoam lift.
Lilac fern
Soft
Lilac shade and a soft fern accent.
Rose quartz
Soft
Tonal rose with enough depth to read.
Dawn peach
Soft
Early peach light with a lilac shadow.
Wisteria milk
Soft
Milky whites with a wisteria edge.
Olive fig
Earthy
An olive base with a muted fig note.
Acorn dusk
Earthy
Acorn browns with a cool dusk detail.
Aubergine ember
Dark
Aubergine shadows and a warm ember.
Charcoal orchid
Dark
Charcoal warmth and an orchid glow.
Black pearl
Dark
Pearl neutrals on a cool charcoal base.
Plum copper
Dark
Dark plum with a copper-colored detail.
Violet glacier
Dark
Violet night with a glacial blue accent.
Nocturne coral
Dark
An evening violet with a coral finale.
Saffron plum
Warm
Saffron paper with plum-brown ink.
Fig biscuit
Warm
Fig-colored ink with biscuit warmth.
Stone lilac
Minimal
Stone whites with a lilac undertone.
Quiet indigo
Minimal
A restrained indigo without the noise.
Pearl aubergine
Minimal
Pearl whites with an aubergine trace.
Parchment plum
Minimal
Parchment warmth with a plum-gray accent.
Make the colors work
More than a set of swatches.
Compare light and dark directions
Electric Marigold places a purple action against warm light surfaces. Violet Hour uses a dark purple page and a pale lavender action. The same hue family serves opposite lightness roles; reusing one button color across both themes needs an explicit contrast check.
Balance a vivid counterpoint
Yellow and chartreuse can create strong emphasis beside purple. Keep their area small when the primary task should remain obvious, and use dark labels on pale or bright fills when the measured result supports it.
Protect the original brand
If a specific violet is mandatory, keep it as a reference or decorative color while adapting the interactive role when needed. The studio shows that difference and exports the original separately. A tonal scale is a set of options, not a promise that every shade works for text.