Night Watch
Meet Night Watch (#303636), a deep, enigmatic shade that hovers on the edge of black. Its subtle green undertone gives it a sophisticated character, offering a complex alternative to standard dark neutrals and adding a quiet depth to any design palette.
What color is Night Watch?
Night Watch is a deep, moody shade of green, so dark it borders on charcoal gray.
It carries a subtle cool, green undertone, giving it a sophisticated and grounded feel without being a true neutral.
What is the meaning of the color Night Watch (#303636)?
Night Watch (#303636) embodies a sense of profound stability and quiet confidence. Psychologically, this deep green connects to the restorative qualities of nature, suggesting growth and security, while its dark, muted tone adds a layer of sophistication and seriousness.
The name itself evokes feelings of protection and reliability, reminiscent of a steadfast guardian. It carries a timeless, classic quality, symbolizing a grounded strength and introspective calm found in the depths of a forest or the stillness of midnight.
How can I effectively use Night Watch in my UI design?
In UI design, Night Watch (#303636) is a powerful choice for creating depth and focus. Its dark, muted quality makes it an excellent background color, allowing brighter text and interactive elements to stand out with high contrast, which is crucial for readability. For color pairings, you can create a modern, energetic interface by matching it with vibrant accents. Alternatively, pair it with warm off-whites, beiges, or other earthy tones to build a more grounded and sophisticated design system.
While not a dominant color across the digital space, similar deep, serious tones are used by brands like Deliveroo, Grain, and MacroFactor. Its infrequent use can be a strategic advantage, helping a product establish a unique and memorable visual identity that feels both premium and dependable.
To see these principles in action, use the tools on this page to explore curated palettes, test color contrast for accessibility, and preview Night Watch in real UI components from top brands.
Using Night Watch color codes
The most direct way to apply Night Watch in your digital work is by using its hex code, #303636. This code is a web-standard shorthand that precisely defines the color for browsers and design software, making it the starting point for any screen-based project.
For projects beyond the web, you will need to convert this hex value. RGB codes are essential for any on-screen application as they define color through light, while CMYK values are the standard for anything destined for print. Other models like HSL or LAB offer different ways to manipulate and think about color.
To simplify your workflow, we've translated #303636 into a full spectrum of color codes below, ready for you to copy and paste directly into your project.
Analogous
Analogous colors are neighbors on the color wheel. When paired with Night Watch, they create a harmonious and tranquil palette for your designs.
Complementary
Complementary colors are direct opposites on the color wheel. Pairing one with Night Watch results in a bold combination with maximum visual pop.
Split Complementary
A split complementary scheme pairs Night Watch with the two colors adjacent to its direct opposite, creating a high-contrast look with more balance.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel, creating a vibrant, high-contrast palette with Night Watch as its foundation.
Tetradic
Tetradic color schemes use two pairs of complementary colors, creating a balanced yet vibrant palette that pairs well with Night Watch.
Square
A square color scheme uses four colors evenly spaced on the color wheel. This creates a rich, high-contrast palette with plenty of visual tension.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Night Watch are created by adding black, introducing more depth and weight.
Tints
Tints are lighter versions of Night Watch, created by adding white for a softer feel.
Tones
Tones of Night Watch are created by adding gray, resulting in softer, less saturated versions.
Hues
Hues are variations of Night Watch, sharing its base color but with different intensities and temperatures.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
