Palette

Jungle Dewdrop Shine

Lush, vivid greens mimic the thriving life and dappled light of a tropical rainforest.

vibrantnatural5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jungle Dewdrop Shine 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 Jungle Dewdrop Shine.

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

Data visualization

#F8FCEF#C8EB7C#6A9B2E#3D661F#1A3A0F

Palette guide

How to use Jungle Dewdrop Shine

Overview

The Jungle Dewdrop Shine palette offers lush, vivid greens that mimic the thriving life and dappled light of a tropical rainforest. Ranging from the almost-white #F8FCEF to the deep #1A3A0F, with refreshing mid-tones like #C8EB7C, #6A9B2E, and #3D661F, this collection is ideal for designers and developers seeking a natural, fresh, and organic aesthetic. It evokes a sense of purity and vitality, perfect for conveying environmental consciousness, wellness, or natural beauty. This palette ensures a harmonious and inviting visual experience, suitable for applications where a soft yet vibrant connection to nature is desired.

Best used for

Organic food packaging design
Natural beauty product branding
Wellness and yoga studio websites
Botanical-themed homeware
Eco-conscious children's brands
Sustainable lifestyle blogs

Suggested color roles

primary

#6A9B2E provides a rich, earthy green, ideal for core brand elements and main content areas.

secondary

#3D661F offers a deeper green for grounding elements, strong contrasts, or important supporting information.

accent

#C8EB7C is a bright, fresh highlight, perfect for calls-to-action, interactive elements, or delicate details.

background

#F8FCEF serves as a soft, near-white base, creating a clean, natural, and airy backdrop.

text

#1A3A0F (darkest green) is ideal for highly readable body text, ensuring excellent contrast on lighter backgrounds.

Accessibility notes

#1A3A0F provides excellent contrast on #F8FCEF for all text sizes, ensuring optimal readability.
#3D661F and #6A9B2E also offer good contrast on the light background, suitable for headings and larger text.
Be cautious when using #C8EB7C for small text on #F8FCEF, as contrast might be too low for accessibility.
Always verify contrast ratios for accessibility, especially for interactive components, using a reliable checker.

Recommended combinations

Deep Rainforest

Creates rich, grounding greens for depth and a strong natural feel in design.

#1A3A0F · #3D661F · #6A9B2E

Morning Dew

Offers a fresh, light, and airy combination, perfect for clean, organic designs and serene visuals.

#6A9B2E · #C8EB7C · #F8FCEF

Vibrant Foliage

An energetic and lively mix, suitable for dynamic natural visuals and engaging illustrations.

#3D661F · #6A9B2E · #C8EB7C

CSS variables

:root {
  --jungle-dewdrop-shine-1: #F8FCEF;
  --jungle-dewdrop-shine-2: #C8EB7C;
  --jungle-dewdrop-shine-3: #6A9B2E;
  --jungle-dewdrop-shine-4: #3D661F;
  --jungle-dewdrop-shine-5: #1A3A0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-dewdrop-shine": {
        1: "#F8FCEF",
        2: "#C8EB7C",
        3: "#6A9B2E",
        4: "#3D661F",
        5: "#1A3A0F",
      }
    }
  }
}

Hex values

Color 1#F8FCEF

Color 2#C8EB7C

Color 3#6A9B2E

Color 4#3D661F

Color 5#1A3A0F

Accessibility

Contrast checker

1.3:1Fail

3.2:1AA18

6.5:1AA

12.2:1AAA

1.3:1Fail

2.5:1Fail

5:1AA

9.4:1AAA

3.2:1AA18

2.5:1Fail

2:1Fail

3.8:1AA18

6.5:1AA

5:1AA

2:1Fail

1.9:1Fail

12.2:1AAA

9.4:1AAA

3.8:1AA18

1.9:1Fail

Similar palettes

More like Jungle Dewdrop Shine

View all vibrant

Lush Tropical Haven

Rainforest Canopy Light

Rainforest Emerald Glade

Tropical Canopy Vista

Arid Cactus Blossom

Emerald Canopy Glade