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.
Rich, saturated jewel tones against near-black — deep sapphire, forest emerald, amethyst, garnet.
Each swatch links back to its individual archive detail page.
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.
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.
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.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated five-color editorial direction. | Unlimited access to all collections, broader token coverage, and advanced exports. |
| Output | Visual palette, copyable CSS preview, and per-color archive pages. | Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |