We're live on Product Hunt!Support us
ColorArchive

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

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
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

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.

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
:root {
  --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;
}
Dark mode pairs
#0D3359
#C0D9F1
#216E21
#A9DFA9
#2C1797
#6B55D8
#7C1336
#E9A0B8
#303336
#D7D9DB
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

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%)

More collections like this

Browse collections →
  • Deep Jewel Tones
  • Botanical Apothecary Dark
  • Editorial Black, White & Red
  • 2026 Midnight Plum
Go further
Unlock Pro
Pro removes the daily export cap, in every token format.
Learn about Pro
Take this palette further

Ready-made tokens for Midnight Jewel Tones

Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.

LayerWhat you have hereWhat Pro adds
ScopeOne curated palette of 5 colors.The same palettes, with no daily export cap anywhere on the site.
OutputHEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in.No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.