We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Olive Nocturne Clear
Color detail

Olive Nocturne Clear

Lime · Hue 80
Metrics
S 54% · L 20%
Contrast (WCAG)
on white9:1AAon black2.3:1Fail
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Olive Nocturne Clear (#3C4F17) belongs to the lime family — hue 80°, 54% saturation, 20% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.

CSS
:root {
  --colorarchive-olive-nocturne-clear: #3C4F17;
  --colorarchive-olive-nocturne-clear-hsl: hsl(80, 54%, 20%);
  --colorarchive-olive-nocturne-clear-rgb: rgb(60, 79, 23);
}

AI Color Names

Let AI suggest alternative poetic names for this color in English and Chinese.

Design Context

OrganicSustainableGrounded
Common in

Agriculture · Sustainable Fashion · Landscape Architecture

Pairs well with

Earth tones (brown, tan), warm whites, or muted terracotta

Design tip

Ideal for brands emphasizing sustainability. Olive tones work well in navigation and secondary UI elements.

Cultural context ▶

Olive and dark lime connect to nature, military, and sustainability. Evokes resilience and growth.

Color Origins

Lime family

Half spring leaf, half pop-art neon.

Heritage

Lime — the yellow-green region of the spectrum — was often mixed by painters, for example verdigris combined with lead-tin yellow or yellow ochre. Synthetic pigments of the 19th and 20th centuries made saturated lime far easier to mix, which is why lime feels visually 'modern' even though grass and leaves have always lived there.

Across cultures

In Japan, moegi — the yellow-green of young leaves sprouting in spring — is a traditional color that falls within lime. In American pop culture, fluorescent Day-Glo pigments, popularized by 1960s psychedelic art, made neon brights like lime part of the visual vocabulary. In sportswear lime carries 'high-visibility' connotations (running gear, safety vests) that have lately come back into fashion as a deliberate aesthetic.

In the wild

Tennis balls turned lime-yellow ('optic yellow') after 1972, when the ITF adopted them as easier to see on color TV; Wimbledon kept white balls until 1986. Xbox's brand palette includes a light green that sits at the lime end, though Spotify's green and the main Xbox green are true greens. BP's Helios mark mixes green with yellow. Mountain Dew's drink is a vivid chartreuse. In film, The Matrix's coded rain is green-on-black — the choice was originally about the look of phosphor CRT terminals.

How it reads

Lime is the youngest-feeling green: it reads as fresh, citric, energetic, and slightly synthetic. At low saturation it becomes olive or moss, both heavily associated with craft, sustainability, and slow design. At high saturation it reads as sport, beverage, or technology. Lime is one of the harder hues to use as a primary brand color without trending toward 'energy drink' — many brands therefore use it as an accent against deep neutrals.

This particular tone

A deep, weighted version of the hue — formal, considered, and pairs especially well with off-white and warm metallic accents.

Lightness band: At this depth the hue starts behaving like a neutral — it can substitute for black in many contexts while still carrying a faint chromatic temperature. It pairs especially well with off-whites and warm metallics.

Saturation band: The clear, mid-saturation register is a common identity sweet spot — saturated enough to register as a 'real' color, restrained enough not to fight typography or photography placed over it.

Brands using a similar color

Within the public brand-guidelines reference catalog, these are the closest matches to #3C4F17.

  • Airbnbneutral
    Hof Gray · #484848
    →
  • Xiaohongshu 小红书neutral
    Slate Text · #333333
    →
  • JD.com 京东neutral
    Slate · #333333
    →

Cultures using a similar color

From the cultural-palette catalog, these regions feature a color close to #3C4F17.

  • England (London)Pub Tile Green
    #1F4D2E · Victorian pub interior dado tiling
    →
  • ScandinaviaForest Green
    #3D5B49 · Spruce / fir forest in winter light
    →
  • Italy (Tuscany)Cypress Green
    #3F5E47 · Tuscan hilltop cypresses
    →

Color guides

Go deeper on using lime and color in design.

Design SystemsHow to Build a Tints and Shades Color Scale for Any Brand ColorColor PsychologyColor Psychology in Product Design: Evidence-Based Principles for UI and BrandColor TheoryColor in Healthcare Design: Building Palettes That Heal

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion
Olive Shadow Clear
#546E21 · hsl(80, 54%, 28%)
Darker companion
Olive Ink Clear
#2A3710 · hsl(80, 54%, 14%)
Complementary counterpoint
Orchid Nocturne Clear
#2A174F · hsl(260, 54%, 20%)
Analogous lead
Moss Nocturne Clear
#2A4F17 · hsl(100, 54%, 20%)
Analogous echo
Canary Nocturne Clear
#4F4A17 · hsl(55, 54%, 20%)
Triadic +120°
Azure Nocturne Clear
#173C4F · hsl(200, 54%, 20%)
Triadic +240°
Rose Nocturne Clear
#4F173C · hsl(320, 54%, 20%)
Split-comp +150°
Indigo Nocturne Clear
#17214F · hsl(230, 54%, 20%)
Split-comp +210°
Magenta Nocturne Clear
#45174F · hsl(290, 54%, 20%)
Export preview
Base: Olive Nocturne Clear #3C4F17
Lighter companion: Olive Shadow Clear #546E21
Darker companion: Olive Ink Clear #2A3710
Complementary counterpoint: Orchid Nocturne Clear #2A174F
Analogous lead: Moss Nocturne Clear #2A4F17
Analogous echo: Canary Nocturne Clear #4F4A17
Triadic +120°: Azure Nocturne Clear #173C4F
Triadic +240°: Rose Nocturne Clear #4F173C
Split-comp +150°: Indigo Nocturne Clear #17214F
Split-comp +210°: Magenta Nocturne Clear #45174F

Compare

See how Olive Nocturne Clear compares side by side with related colors.

vsOlive Shadow ClearvsOlive Ink ClearvsOrchid Nocturne ClearvsMoss Nocturne ClearvsCanary Nocturne ClearvsAzure Nocturne Clear

Nearest neighbors

The closest archive matches by hue, saturation, and lightness.

Search by hex
Nearby match
Olive Ink Clear
#2A3710 · hsl(80, 54%, 14%)
Nearby match
Chartreuse Nocturne Clear
#414F17 · hsl(75, 54%, 20%)
Nearby match
Olive Shadow Clear
#546E21 · hsl(80, 54%, 28%)
Nearby match
Olive Nocturne Soft
#394422 · hsl(80, 34%, 20%)
Nearby match
Olive Nocturne Vivid
#40590D · hsl(80, 74%, 20%)
Nearby match
Chartreuse Ink Clear
#2D3710 · hsl(75, 54%, 14%)

Accessible pairings

Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.

Contrast checker
AAA8.6:1
Orchid Veil Faint
#FAF9FA
AAA8.6:1
Orchid Veil Muted
#FAF9FB
AAA8.6:1
Orchid Veil Dust
#F9F9FB
AAA8.5:1
Orchid Veil Soft
#F9F8FC
AAA8.5:1
Orchid Veil Clear
#F9F7FD
AAA8.5:1
Orchid Veil Vivid
#F9F6FE

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#444230
Protanopia
#45452C
Tritanopia
#3D373A
Color of the Day

Like Olive Nocturne Clear? Get one like it every morning.

One hand-picked color a day — with its hex, family, and the story behind it.

Get a color every morning

One email per day. Unsubscribe anytime.

Ready to build

Turn these colors into design tokens

Copy the CSS variables and the Tailwind class free, right here. ColorArchive Pro lifts the daily export limit — 10 a day signed in, 3 without an account.

Upgrade to ProFree downloadView collections

Saturation ladder

Same hue and lightness, from gray to pure

Search
Olive Nocturne Faint#35382E · hsl(80, 10%, 20%)Olive Nocturne Muted#363C2A · hsl(80, 18%, 20%)Olive Nocturne Dust#374026 · hsl(80, 26%, 20%)Olive Nocturne Soft#394422 · hsl(80, 34%, 20%)Olive Nocturne Clear#3C4F17 · hsl(80, 54%, 20%)Olive Nocturne Vivid#40590D · hsl(80, 74%, 20%)Olive Nocturne Bright#415E08 · hsl(80, 84%, 20%)Olive Nocturne Pure#436204 · hsl(80, 92%, 20%)
More from Lime →