Cool Black
For designers seeking depth beyond pure black, Cool Black (#002E63) offers a compelling alternative. Its character comes from a profound navy undertone, giving it a sophisticated complexity that standard blacks lack, making it a distinctive choice for any digital palette.
What color is Cool Black?
Cool Black is a profoundly dark shade, sitting on the coolest end of the color spectrum. At a glance, it presents as a true black, but its character is defined by its undertones.
It possesses a distinct blue hue, giving it a temperature that feels more like a midnight sky than a void. This subtle coloration makes it a sophisticated variation of black, offering depth without the starkness of a neutral black.
What is the meaning of the color Cool Black (#002E63)?
Cool Black (#002E63) projects the power and elegance of black, while its deep blue foundation introduces a sense of stability and trust.
This shade evokes the vastness of a midnight sky, symbolizing seriousness, depth, and a quiet confidence ideal for authoritative designs.
How do I use Cool Black in UI design?
In UI design, Cool Black (#002E63) serves as a sophisticated substitute for pure black. Use it for backgrounds or primary text to reduce visual strain. For a striking effect, pair it with vibrant accents like warm yellows or crisp whites. For a more reserved and corporate feel, combine it with a palette of cool grays and muted tones.
While not ubiquitous, this deep, commanding blue is present in the branding of major companies like The Guardian, Warby Parker, and Booking.com. Its adoption by these brands suggests a color that communicates trust, stability, and a modern sensibility.
To see how Cool Black works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #002E63 in real UI components from leading apps.
How do I use the Cool Black color codes?
When working with Cool Black, using its hex code #002E63 is the most direct method for web-based projects. This code precisely defines the color for browsers and digital design tools, making it the standard for screen applications.
However, your project might require different color models. For print work, you'll need the CMYK equivalent. Digital screens render colors using RGB values, while models like HSL (Hue, Saturation, Lightness) and LAB provide more intuitive ways to adjust color properties during the design process.
To simplify your workflow, we've converted #002E63 into a range of popular formats. You can find and copy the exact codes you need for your project right below.
Analogous
Analogous colors sit next to each other on the color wheel. When used with Cool Black, they produce a cohesive and serene palette.
Complementary
Complementary colors are opposites on the color wheel, creating a high-contrast and vibrant effect when paired with a base like Cool Black.
Split Complementary
A split complementary scheme pairs Cool Black with the two colors adjacent to its direct opposite, providing strong visual contrast with more nuance.
Triadic
Triadic palettes pair Cool Black with two other hues equally spaced on the color wheel, creating a combination that is both vibrant and balanced.
Tetradic
Tetradic palettes create rich, four-color harmonies. They are built from two pairs of complementary colors, with Cool Black serving as an anchor.
Square
Formed by four colors evenly spaced on the color wheel, a square scheme offers rich contrast and variety, starting with Cool Black as the anchor.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Cool Black creates its shades, which are darker and add visual weight.
Tints
Tints of Cool Black are lighter versions created by adding white for a softer look.
Tones
Tones of Cool Black are created by adding gray, resulting in softer, desaturated variations.
Hues
Hues are variations of Cool Black, each with a different intensity or temperature.
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.



































































































































