Color Conversion
#071210Midnight Kelp
About this color
Quiet confidence with maritime mystery
A near-black teal with a cool, green-blue core that reads as deep oceanic shadow. It evokes quiet depth, maritime mystery, and a composed, protective stillness.
Designer tip: Use Midnight Kelp (#071210) as a background to make warm, desaturated coral accents pop; keep UI primary actions in a mid-salmon (around E09A87) at 18–24px to maintain legibility and perceived warmth.
Best use case: High-end product packaging (outer box or sleeve) for artisanal spirits or skincare, where the color communicates depth and premium secrecy.
Psychology
Psychological traits and emotional associations
Effect
In a space or design, this color absorbs visual noise and centers attention, encouraging contemplation and calm. It reduces perceived brightness and makes lighter accents feel more precious and intentional.
Emotional impact
A sense of secure calm and thoughtful reserve.
Meaning & symbolism
Cultural symbolism and significance
Cultural significance
In Western contexts this near-black teal reads as sophisticated and modern, often used in luxury branding; in coastal cultures it can evoke the sea and seafaring tradition; in some East Asian palettes dark teal tones are linked to nature and quiet refinement rather than ostentation.
Positive associations
Seen as refined and calming in Western luxury branding and in Japanese design where muted, natural tones convey wabi-sabi restraint.
Negative associations
May be read as somber or mourning in contexts that interpret dark tones as grief (certain Western formal settings), and in some parts of the Middle East very dark greenish tones can be politically charged.
Design applications
How this color is used across different fields
Packaging — luxury spirits
As an outer box or inner lining it signals secrecy and depth; paired with matte varnish and copper foil it creates tactile richness and contrast.
Editorial cover design
Used as a background it allows pale serif titles and metallic inks to read as premium and restrained while maintaining legibility.
Interior accent wall
On a single wall in a study or library it provides cocooning depth that enhances wood and brass finishes without overwhelming the room.
Fashion outerwear
As a coat or overlayer, it reads as urban and durable — hides wear and pairs well with warm knit textures.
Brand identity — logotype backgrounds
Used in digital headers or business cards it lends weight and seriousness, making light logotypes and icons read sharply.
Design guidance
Practical tips for using this color effectively in your designs
Do this
- + Pair with a warmed desaturated coral or terracotta accent for readable contrast and emotional lift (use at 10–20% coverage).
- + Use matte or soft-sheen finishes to emphasize depth and avoid glare that flattens the hue.
- + Reserve the color for large fields or backgrounds and introduce lighter neutrals and metallics as focal accents to maintain hierarchy.
Avoid this
- - Don't use thin, light-weight typefaces for body copy on this color — low contrast will kill legibility.
- - Don't pair it with highly saturated neon greens or bright cyan — those clashes make the teal read muddy.
- - Don't rely on this shade alone for visual energy — it needs a warm or light counterpoint to avoid a gloomy composition.
Fundamentals: Maintain strong contrast and intentional accents — treat Midnight Kelp as a grounding field, not the single source of information or energy.
Overuse risk: If Midnight Kelp dominates a design it can create an oppressive or overly somber atmosphere and reduce perceived approachability; accents and breathing space are required to prevent visual fatigue. Excessive use also flattens hierarchy and makes CTAs hard to spot without carefully chosen accent colors.
Brand fit
Industries and brand archetypes that align with this color
Trust level
high
Seriousness
serious
Trend
Color pairing
Colors that complement and enhance this shade
#E09A87
Muted coral complementary — creates warm contrast and visual pop while remaining sophisticated (complementary harmony).
#023B3A
Deep teal-analogous — a slightly lighter teal that preserves depth while providing tonal layering (analogous harmony).
#C79A4D
Warm muted gold — an earthy accent that reads luxurious against the dark cool field (split-complementary/contrast harmony).
Typography hints: For UI/headlines use a high-contrast sans-serif (e.g., Inter or Avenir Next) at 500–700 weight with light tints (off-white) for text over Midnight Kelp; for editorial or packaging headlines, use a medium-contrast transitional serif (e.g., Merriweather 600–700) in warm cream tones and reserve thin weights only for large display sizes.
Historical significance
The story and heritage of this color
Shades close to Midnight Kelp have appeared whenever artists and craftsmen sought a near-black with green-blue character — historically achieved by darkening blue or green pigments (indigo or green earth) with carbon blacks or burnt umber, and in textiles by overdyeing indigo with dark greens. Such results were common in dyeing traditions where limited pigments were layered to reach complex dark hues.
Through the 18th–20th centuries, deep teal and green-blacks were used in maritime paints, military coats, and interior lacquer work; painters seeking deep, cool shadows (in maritime scenes and nocturnes) mixed blue-green pigments with black to get similar effects. Fashion and upholstery in the late 19th and early 20th centuries often used dark greens with blackened tones to convey durability and modest luxury.
In contemporary design Midnight Kelp surfaces as a luxury neutral alternative to black — favored in premium packaging, modern interiors, and brand systems that want a dark anchor with organic depth. Advances in inks, digital display, and pigment chemistry make reproducing this very low-lightness teal consistent across media, driving its growing use in restrained, upscale palettes.
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.
Text Color
Background Color
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.