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 Shadow Clear
Color detail

Olive Shadow Clear

Lime · Hue 80
Metrics
S 54% · L 28%
Contrast (WCAG)
on white5.8:1AAon black3.6:1AA Large
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Olive Shadow Clear (#546E21) belongs to the lime family — hue 80°, 54% saturation, 28% 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-shadow-clear: #546E21;
  --colorarchive-olive-shadow-clear-hsl: hsl(80, 54%, 28%);
  --colorarchive-olive-shadow-clear-rgb: rgb(84, 110, 33);
}

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 #546E21.

  • Airbnbneutral
    Hof Gray · #484848
    →
  • Microsoftneutral
    Slate Gray · #737373
    →
  • Notionneutral
    Notion Gray · #787774
    →

Cultures using a similar color

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

  • Greece (Aegean)Cypress Green
    #3E6B47 · Cupressus sempervirens
    →
  • Italy (Tuscany)Cypress Green
    #3F5E47 · Tuscan hilltop cypresses
    →
  • England (London)Plane Tree Green
    #5C7A5A · Platanus × hispanica, London street tree
    →

Color guides

Go deeper on using lime and color in design.

Color TheoryColor and Trust: How Financial, Medical, and Legal Products Signal CredibilityUI DesignGradient Design: Chromatic Progressions That Feel ContemporaryColor PsychologySynesthesia and Cross-Modal Color: Why Color Feels the Way It Does

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 Dusk Clear
#668628 · hsl(80, 54%, 34%)
Darker companion
Olive Nocturne Clear
#3C4F17 · hsl(80, 54%, 20%)
Complementary counterpoint
Orchid Shadow Clear
#3B216E · hsl(260, 54%, 28%)
Analogous lead
Moss Shadow Clear
#3B6E21 · hsl(100, 54%, 28%)
Analogous echo
Canary Shadow Clear
#6E6821 · hsl(55, 54%, 28%)
Triadic +120°
Azure Shadow Clear
#21546E · hsl(200, 54%, 28%)
Triadic +240°
Rose Shadow Clear
#6E2154 · hsl(320, 54%, 28%)
Split-comp +150°
Indigo Shadow Clear
#212E6E · hsl(230, 54%, 28%)
Split-comp +210°
Magenta Shadow Clear
#61216E · hsl(290, 54%, 28%)
Export preview
Base: Olive Shadow Clear #546E21
Lighter companion: Olive Dusk Clear #668628
Darker companion: Olive Nocturne Clear #3C4F17
Complementary counterpoint: Orchid Shadow Clear #3B216E
Analogous lead: Moss Shadow Clear #3B6E21
Analogous echo: Canary Shadow Clear #6E6821
Triadic +120°: Azure Shadow Clear #21546E
Triadic +240°: Rose Shadow Clear #6E2154
Split-comp +150°: Indigo Shadow Clear #212E6E
Split-comp +210°: Magenta Shadow Clear #61216E

Compare

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

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

Nearest neighbors

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

Search by hex
Nearby match
Olive Dusk Clear
#668628 · hsl(80, 54%, 34%)
Nearby match
Chartreuse Shadow Clear
#5B6E21 · hsl(75, 54%, 28%)
Nearby match
Olive Nocturne Clear
#3C4F17 · hsl(80, 54%, 20%)
Nearby match
Olive Shadow Soft
#4F602F · hsl(80, 34%, 28%)
Nearby match
Olive Shadow Vivid
#597C13 · hsl(80, 74%, 28%)
Nearby match
Chartreuse Dusk Clear
#6E8628 · hsl(75, 54%, 34%)

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
AA5.5:1
Orchid Veil Faint
#FAF9FA
AA5.5:1
Orchid Veil Muted
#FAF9FB
AA5.5:1
Orchid Veil Dust
#F9F9FB
AA5.5:1
Orchid Veil Soft
#F9F8FC
AA5.4:1
Orchid Veil Clear
#F9F7FD
AA5.4:1
Orchid Veil Vivid
#F9F6FE

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#5F5D44
Protanopia
#60613F
Tritanopia
#564E51
Color of the Day

Like Olive Shadow 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 Shadow Faint#4A4F40 · hsl(80, 10%, 28%)Olive Shadow Muted#4C543B · hsl(80, 18%, 28%)Olive Shadow Dust#4E5A35 · hsl(80, 26%, 28%)Olive Shadow Soft#4F602F · hsl(80, 34%, 28%)Olive Shadow Clear#546E21 · hsl(80, 54%, 28%)Olive Shadow Vivid#597C13 · hsl(80, 74%, 28%)Olive Shadow Bright#5B830B · hsl(80, 84%, 28%)Olive Shadow Pure#5D8906 · hsl(80, 92%, 28%)
More from Lime →