Back to palettes

Palette

Forest Canopy Sunlight

Bright, lively greens and a touch of sun-drenched yellow, mimicking light through leaves.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Canopy Sunlight 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 Forest Canopy Sunlight.

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

Data visualization

#228B22#3CB371#66CDAA#90EE90#F0E68C

Palette guide

How to use Forest Canopy Sunlight

Overview

The Forest Canopy Sunlight palette is a vibrant and energetic collection, perfectly capturing the lively greens and sun-drenched yellow found when light pierces through a forest canopy. It features a range of invigorating greens, from the deep #228B22 and #3CB371 to the brighter #66CDAA and #90EE90, culminating in a brilliant, sunny yellow, #F0E68C. This palette is an excellent choice for designers aiming to convey freshness, vitality, and optimism. Its bright, lively hues are ideal for projects that require an uplifting, natural aesthetic, evoking feelings of growth, health, and pure joy.

Best used for

  • Fresh produce and organic food branding
  • Energetic outdoor recreation websites and apps
  • Spring and summer marketing campaigns
  • Children's products and educational materials
  • Health and wellness industry branding
  • Ecological initiatives and environmental campaigns

Suggested color roles

primary

Use #228B22 or #3CB371 for dominant elements, strong headings, or primary call-to-action buttons, conveying robust energy.

secondary

Employ #66CDAA or #90EE90 for supporting content, background panels, or secondary navigation, adding freshness and lightness.

accent

Reserve #F0E68C for impactful highlights, important notifications, or playful graphic elements that demand immediate attention.

background

The lightest green, #90EE90, or a very light neutral (e.g., #FFFFFF) can serve as a clean, bright background, letting colors pop.

text

For body text, use a deep green like #228B22 or a strong black for optimal readability and contrast.

Accessibility notes

  • Ensure very high contrast when using #F0E68C for text or interactive elements, as its lightness can make it hard to read.
  • Verify that text placed on #90EE90 (or other light greens) has sufficient contrast, using dark green or black.
  • Consider using #228B22 for critical information to maximize visibility against lighter elements.
  • Test color combinations for users with color vision deficiencies, especially the yellow with lighter greens.

Recommended combinations

Sunny Vibrance

Ideal for hero sections or calls-to-action, combining deep green with a vibrant accent and a sunny pop.

#228B22 · #3CB371 · #F0E68C

Fresh Greens

Creates an airy, refreshing feel, perfect for infographics or 'about us' sections highlighting natural processes.

#66CDAA · #90EE90 · #3CB371

Lively Accents

A strong base with bright highlights, suitable for feature cards or interactive elements, emphasizing energy and clarity.

#228B22 · #90EE90 · #F0E68C

CSS variables

:root {
  --forest-canopy-sunlight-1: #228B22;
  --forest-canopy-sunlight-2: #3CB371;
  --forest-canopy-sunlight-3: #66CDAA;
  --forest-canopy-sunlight-4: #90EE90;
  --forest-canopy-sunlight-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-sunlight": {
        1: "#228B22",
        2: "#3CB371",
        3: "#66CDAA",
        4: "#90EE90",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

vibrant green yellow palettesunny forest colorsfresh nature schemeenergetic green brandingspring green palette

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#66CDAA
·
Color 4#90EE90
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.1:1AA18
3.4:1AA18
2
1.6:1Fail
1.4:1Fail
1.9:1Fail
2.1:1Fail
3
2.3:1Fail
1.4:1Fail
1.4:1Fail
1.5:1Fail
4
3.1:1AA18
1.9:1Fail
1.4:1Fail
1.1:1Fail
5
3.4:1AA18
2.1:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Forest Canopy Sunlight

View all vibrant
Botanical Bloom Canopy
Citrus Grove Spark
Dragonfly Wing Iridescence
Electric Meadow
Emerald City Lights
Fresh Cut Grass