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
Lime Nocturne Clear
Color detail

Lime Nocturne Clear

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

About this color

Lime Nocturne Clear (#334F17) belongs to the lime family — hue 90°, 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-lime-nocturne-clear: #334F17;
  --colorarchive-lime-nocturne-clear-hsl: hsl(90, 54%, 20%);
  --colorarchive-lime-nocturne-clear-rgb: rgb(51, 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 #334F17.

  • 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 #334F17.

  • 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.

UI DesignDark Mode Color Design: Beyond Inverting Your PaletteAccessibilityColor Accessibility: Building Inclusive Palettes That Meet WCAG StandardsDesign SystemsHow to Build a Tints and Shades Color Scale for Any Brand Color

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
Lime Shadow Clear
#476E21 · hsl(90, 54%, 28%)
Darker companion
Lime Ink Clear
#243710 · hsl(90, 54%, 14%)
Complementary counterpoint
Plum Nocturne Clear
#33174F · hsl(270, 54%, 20%)
Analogous lead
Clover Nocturne Clear
#1C4F17 · hsl(115, 54%, 20%)
Analogous echo
Honey Nocturne Clear
#454F17 · hsl(70, 54%, 20%)
Triadic +120°
Sapphire Nocturne Clear
#17334F · hsl(210, 54%, 20%)
Triadic +240°
Blush Nocturne Clear
#4F1733 · hsl(330, 54%, 20%)
Split-comp +150°
Iris Nocturne Clear
#17174F · hsl(240, 54%, 20%)
Split-comp +210°
Fuchsia Nocturne Clear
#4F174F · hsl(300, 54%, 20%)
Export preview
Base: Lime Nocturne Clear #334F17
Lighter companion: Lime Shadow Clear #476E21
Darker companion: Lime Ink Clear #243710
Complementary counterpoint: Plum Nocturne Clear #33174F
Analogous lead: Clover Nocturne Clear #1C4F17
Analogous echo: Honey Nocturne Clear #454F17
Triadic +120°: Sapphire Nocturne Clear #17334F
Triadic +240°: Blush Nocturne Clear #4F1733
Split-comp +150°: Iris Nocturne Clear #17174F
Split-comp +210°: Fuchsia Nocturne Clear #4F174F

Compare

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

vsLime Shadow ClearvsLime Ink ClearvsPlum Nocturne ClearvsClover Nocturne ClearvsHoney Nocturne ClearvsSapphire Nocturne Clear

Nearest neighbors

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

Search by hex
Nearby match
Lime Ink Clear
#243710 · hsl(90, 54%, 14%)
Nearby match
Lime Shadow Clear
#476E21 · hsl(90, 54%, 28%)
Nearby match
Lime Nocturne Soft
#334422 · hsl(90, 34%, 20%)
Nearby match
Lime Nocturne Vivid
#33590D · hsl(90, 74%, 20%)
Nearby match
Lime Dusk Clear
#578628 · hsl(90, 54%, 34%)
Nearby match
Olive Nocturne Clear
#3C4F17 · hsl(80, 54%, 20%)

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.8:1
Plum Veil Faint
#FAF9FA
AAA8.8:1
Plum Veil Muted
#FAF9FB
AAA8.8:1
Plum Veil Dust
#FAF9FB
AAA8.8:1
Plum Veil Soft
#FAF8FC
AAA8.7:1
Plum Veil Clear
#FAF7FD
AAA8.7:1
Plum Veil Vivid
#FAF6FE

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#3F3D30
Protanopia
#41412C
Tritanopia
#35373A
Color of the Day

Like Lime 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
Lime Nocturne Faint#33382E · hsl(90, 10%, 20%)Lime Nocturne Muted#333C2A · hsl(90, 18%, 20%)Lime Nocturne Dust#334026 · hsl(90, 26%, 20%)Lime Nocturne Soft#334422 · hsl(90, 34%, 20%)Lime Nocturne Clear#334F17 · hsl(90, 54%, 20%)Lime Nocturne Vivid#33590D · hsl(90, 74%, 20%)Lime Nocturne Bright#335E08 · hsl(90, 84%, 20%)Lime Nocturne Pure#336204 · hsl(90, 92%, 20%)
More from Lime →