Color conversion
#1d2571Nocturne Cloak
CMYK profile: Coated FOGRA39 (Photoshop's default for Europe)
About this color
Reserved authority with contemplative depth
A dense, cool indigo that reads almost navy in dim light and reveals a violet edge in bright light. It feels composed and quietly authoritative, like a velvet curtain drawn across a city at midnight.
Designer tip
Use Nocturne Cloak as a primary background layer and pair it with a warm amber CTA (#E5B63B) at 18–22% width to create a high-contrast focus point that reads clearly on both desktop and mobile.
Best use case
Psychology
Psychological traits and emotional associations
Effect
Emotional impact
Meaning & symbolism
Cultural symbolism and significance
Cultural significance
Positive associations
Negative associations
Design applications
How this color is used across different fields
- Brand identity
- Use Nocturne Cloak as the primary brand hue for a service-oriented premium brand to convey competence and calm; accent with a single warm highlight for CTAs to preserve hierarchy.
- Dashboard UI
- Apply this shade to headers, side navigation, and charts' grounding areas to reduce glare and increase perceived focus on data visualizations.
- Luxury packaging
- Wrap box exteriors in Nocturne Cloak with metallic foils or warm amber embossing to create an elegant unboxing moment with high perceived value.
- Hospitality interiors
- Use as an accent wall or banquette upholstery to make dining spaces feel intimate and composed without shrinking the room when balanced by warm wood and brass tones.
- Outerwear fashion
- Select this shade for wool coats or blazers to offer a modern alternative to black or navy that reads rich in both daylight and low light.
Design guidance
Practical tips for using this color effectively in your designs
Do this
- Pair Nocturne Cloak with a warm amber accent (e.g., #E5B63B) for CTAs to create clear contrast and visual focus (complementary harmony).
- Use it for large UI containers or header backgrounds with light neutral text (≥ WCAG AA/AAA contrast) rather than as small foreground strokes.
- Introduce textures (matte velvet, brushed metal, or linen) when using it in physical products to reveal its violet edge and avoid flatness.
Avoid this
- Don't pair it with saturated cyan greens of similar value—this can create muddiness and reduce perceived depth.
- Don't use it as small fine-line text on dark backgrounds; legibility falls apart at small sizes.
- Don't rely on Nocturne Cloak alone for hierarchy—without a bright accent, interfaces or layouts can feel monotonous and inert.
Fundamentals
Overuse risk
Brand fit
Industries and brand archetypes that align with this color
Trust level
Seriousness
Trend
Color pairing
Colors that complement and enhance this shade
#E5B63B
Warm amber complementary contrast — creates strong focal points and readable CTAs (complementary harmony).
#4B1D71
Deep violet-analog shifts toward purple to emphasize the color’s violet edge and maintain a cohesive, elegant palette (analogous harmony).
#1D711F
Muted deep green provides an earthy triadic tension that reads refined when used sparingly in accents or upholstery (triadic-ish contrast).
Typography hints
Historical significance
The story and heritage of this color
Deep indigo hues have ancient roots: plant indigo (from Indigofera and related species) was cultivated and traded across South Asia, Africa and the Mediterranean for millennia, producing cloths that ranged from bright royal blue to near-black indigo depending on vats and mordants. Synthetic Prussian Blue and, later, manufactured indigo pigments became widely available in Europe in the 18th and 19th centuries, creating more consistent deep blues used by artists and dyers.
By the 18th and 19th centuries deep blues were staples in military uniforms (navies and formal dress) and in fine textiles; painters like J. M. W. Turner and later Impressionists exploited deep blues and indigos for night skies and shadow passages. The rise of indigo-dyed denim in the 19th century tied a deep blue to workwear and, later, to fashion culture, while luxury tailoring adopted midnight blues for formalwear as a softer alternative to black.
In contemporary design Nocturne Cloak's lineage shows in tech branding, premium packaging and modern suiting: it reads authoritative without the starkness of black and pairs well with warm metallics. There's also renewed interest in natural indigo production and sustainable dyeing, which brings this century-old pigment into modern ethical and artisanal narratives.
Variations
The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.
Pro tip: Use shades for hover states and shadows, tints for highlights and backgrounds.
Shades
Darker variations created by adding black to your base color.
Tints
Lighter variations created by adding white to your base color.
Common use cases
- • UI component states (hover, active, disabled)
- • Creating depth with shadows and highlights
- • Building consistent color systems
Design system tip
These variations form the foundation of a cohesive color palette. Export them to maintain consistency across your entire project.
Color combinations
Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.
How to use
Click on any color to copy its hex value. These combinations are mathematically proven to create visual harmony.
Why it matters
Color harmonies create balance and evoke specific emotions in your designs.
Complement
A color and its opposite on the color wheel, +180 degrees of hue. High contrast.
Split-complementary
A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.
Triadic
Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
Color theory principles
Balance
Use one dominant color, support with secondary, and accent sparingly.
Contrast
Ensure sufficient contrast for readability and accessibility.
Harmony
Colors should work together to create a unified visual experience.
Color contrast checker
Test color combinations to ensure they meet WCAG accessibility standards for text readability.
Contrast
WCAG standards
Advanced contrast checker
Fine-tune with sliders, multiple previews & more
Everybody is a Genius. But If You Judge a Fish by Its Ability to Climb a Tree, It Will Live Its Whole Life Believing that It is Stupid.
Technical formats
Explore advanced color space representations and professional color models used in video production, photography, scientific applications, and color management systems. These technical formats provide precise color specifications for specialized industries and applications.
Practical formats
Convert colors to practical formats for real-world applications including print simulation, LED displays, terminal output, and data encoding. These formats help you implement colors across different media, platforms, and physical devices.
Color analysis
Analyze color properties with advanced metrics including spectral composition, color purity, metamerism effects, and perceptual characteristics. These tools provide deep insights into color behavior and appearance under different viewing conditions.
Blindness simulator
Check how a color is perceived by people with different types of color blindness to create more accessible designs. Understanding color perception helps ensure your content is accessible to everyone.
Creative aspects
Explore the artistic and psychological dimensions of colors including seasonal associations, emotional impact, natural occurrences, historical pigments, and color mixing recipes for creative applications.