We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Midnight Jewel Tones

The color language of precious stones, velvet upholstery, candlelight, and the luxury that exists most naturally in darkness. These are colors that need a dark background to reach their full intensity — on white they look heavy, but against near-black they glow like lit gems. Sapphire nocturne vivid provides the deep midnight blue of a faceted sapphire — saturated blue at its darkest, still reading as blue rather than black. Emerald shadow clear adds the forest depth of a fine emerald: rich, dark green with full chromatic presence. Violet dusk vivid brings the purple of amethyst and court velvet. Garnet shadow vivid is the deep red of garnets and ruby glass. Cool gray nocturne provides the near-black field.

The color language of velvet, candlelight, and precious stones — luxury that lives in the dark. Jewel tones need darkness to reach their full saturation and depth.

Jewel TonesDarkLuxuryRichOpulent
Why this set works

Rich, saturated jewel tones against near-black — deep sapphire, forest emerald, amethyst, garnet.

Luxury goods or fashion brand
Evening event, gala, or awards
Jewelry and fine goods brand
Prompt words
jewel tone color palettedark jewel color schememidnight luxury color palette
Export ready
1. Sapphire Nocturne Vivid #0D3359
2. Emerald Shadow Clear #216E21
3. Violet Dusk Vivid #2C1797
4. Garnet Shadow Vivid #7C1336
5. Cool Gray Nocturne #303336
--midnight-jewel-tones-1: #0D3359;
--midnight-jewel-tones-2: #216E21;
--midnight-jewel-tones-3: #2C1797;
--midnight-jewel-tones-4: #7C1336;
--midnight-jewel-tones-5: #303336;

3/3 free exports remaining today

Dark mode pairs
#0D3359
#C0D9F1
#216E21
#A9DFA9
#2C1797
#6B55D8
#7C1336
#E9A0B8
#303336
#D7D9DB

3/3 free exports remaining today

WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#0D3359
12.8:1 AAA
1.6:1 Fail
#216E21
6.3:1 AA
3.3:1 AA Large
#2C1797
12.5:1 AAA
1.7:1 Fail
#7C1336
10.5:1 AAA
2:1 Fail
#303336
12.7:1 AAA
1.7:1 Fail

Color-on-color pairs:

+
2:1 Fail
+
1:1 Fail
+
1.2:1 Fail
+
1:1 Fail
+
2:1 Fail
+
1.7:1 Fail
+
2:1 Fail
+
1.2:1 Fail
+
1:1 Fail
+
1.2:1 Fail

3/3 free exports remaining today

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Sapphire Nocturne Vivid
#0D3359
Blue · hsl(210, 74%, 20%)
2
Emerald Shadow Clear
#216E21
Green · hsl(120, 54%, 28%)
3
Violet Dusk Vivid
#2C1797
Purple · hsl(250, 74%, 34%)
4
Garnet Shadow Vivid
#7C1336
Pink · hsl(340, 74%, 28%)
5
Cool Gray Nocturne
#303336
Blue · hsl(210, 6%, 20%)
Editorial direction

Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.

This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.

Go further
Unlock Pro
Pro members get unlimited exports, advanced token formats, and priority access to new collections.
Learn about Pro
Take this palette further

Ready-made tokens for Midnight Jewel Tones

Pro members can export these colors as Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro members get advanced token exports, usage guidance, and downloadable assets so the palette can move from reference to implementation.

LayerWhat you have hereWhat Pro adds
ScopeOne curated five-color editorial direction.Unlimited access to all collections, broader token coverage, and advanced exports.
OutputVisual palette, copyable CSS preview, and per-color archive pages.Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.