Back to palettes

Palette

Urban Jungle Oasis

Verdant greens symbolizing hidden botanical escapes and tranquil spots within a bustling city.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Jungle Oasis reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Urban Jungle Oasis.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#324732#537553#789978#9CBF9C#BFE6BF

Palette guide

How to use Urban Jungle Oasis

Overview

The Urban Jungle Oasis palette (ID: urban-jungle-oasis) is a deeply verdant collection, designed to evoke tranquility and natural freshness amidst an urban backdrop. This earth-toned palette features a gradient of lush greens, from the deep, grounding #324732 to the lighter, airy #BFE6BF. Intermediate shades like #537553, #789978, and #9CBF9C provide seamless transitions, perfect for creating depth and organic flow. Ideal for designers and developers aiming for a serene, eco-friendly, or botanical aesthetic, this palette promotes a sense of calm and natural vitality in any project.

Best used for

  • Eco-friendly product branding
  • Nature-themed websites and blogs
  • Botanical garden signage and guides
  • Wellness and meditation apps
  • Sustainable fashion campaigns
  • Organic food packaging design

Suggested color roles

primary

Use #324732 as a rich, dark forest green, ideal for foundational elements, headers, or deep backgrounds.

secondary

Apply #537553 as a muted mid-green, suitable for supporting content, subheadings, or darker UI components.

accent

Deploy #9CBF9C as a lighter, fresh green, perfect for highlighting key information, icons, or interactive elements.

background

Utilize #BFE6BF as a very light, almost pastel green, offering a soft, natural base that feels open and clean.

text

For dark backgrounds, use white or #BFE6BF. For light backgrounds, use a deep green like #324732 or black for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter greens like #9CBF9C on #BFE6BF (check WCAG AA).
  • Darker greens like #324732 provide excellent contrast for white text, making it highly readable.
  • Avoid using mid-tones like #789978 for small text on similar backgrounds without careful contrast checking.
  • Always check WCAG guidelines for all color pairings, particularly for interactive elements, to ensure usability.

Recommended combinations

Deep Forest

Creates a rich, layered, and sophisticated natural depth, suitable for immersive backgrounds.

#324732 · #537553 · #789978

Fresh Growth

A lighter, more airy combination for a sense of new beginnings and freshness in UI elements.

#789978 · #9CBF9C · #BFE6BF

Oasis Highlight

Strong dark base with a bright, clean background accent and a supporting lighter green for clarity.

#324732 · #BFE6BF · #9CBF9C

CSS variables

:root {
  --urban-jungle-oasis-1: #324732;
  --urban-jungle-oasis-2: #537553;
  --urban-jungle-oasis-3: #789978;
  --urban-jungle-oasis-4: #9CBF9C;
  --urban-jungle-oasis-5: #BFE6BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-jungle-oasis": {
        1: "#324732",
        2: "#537553",
        3: "#789978",
        4: "#9CBF9C",
        5: "#BFE6BF",
      }
    }
  }
}

Related searches

verdant green palettenatural urban colorsserene botanical designeco friendly brand colorstranquil green scheme

Palette colors

Hex values

Color 1#324732
·
Color 2#537553
·
Color 3#789978
·
Color 4#9CBF9C
·
Color 5#BFE6BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.2:1AA18
5:1AA
7.3:1AAA
2
1.9:1Fail
1.6:1Fail
2.6:1Fail
3.8:1AA18
3
3.2:1AA18
1.6:1Fail
1.6:1Fail
2.3:1Fail
4
5:1AA
2.6:1Fail
1.6:1Fail
1.5:1Fail
5
7.3:1AAA
3.8:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Urban Jungle Oasis

View all earth
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Desert Succulent Array
Earthy Herb Garden
Enchanted Forest Canopy