Palette

Nouveau Glass Garden

Flowing greens and soft neutrals, capturing the organic beauty and delicate forms of Art Nouveau glasswork.

CoolElegant5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nouveau Glass Garden 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 Nouveau Glass Garden.

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

Data visualization

#004D40#1B5E20#4CAF50#E0E0E0#FBE9E7

Palette guide

How to use Nouveau Glass Garden

Overview

The "Nouveau Glass Garden" palette captures the organic beauty and delicate forms of Art Nouveau glasswork with its flowing greens and soft neutrals. It features deep #004D40 (Dark Green), rich #1B5E20 (Forest Green), and vibrant #4CAF50 (Medium Green), balanced by the elegant #E0E0E0 (Light Grey) and warm #FBE9E7 (Pale Peach). This palette is perfect for designs seeking an elegant, natural, and sophisticated aesthetic, reminiscent of intricate stained glass. Ideal for luxury branding, art and culture websites, or design projects that emphasize craftsmanship and timeless beauty, offering depth and serenity.

Best used for

Art Nouveau-inspired branding and identity
Luxury home decor or artisanal product design
Museum or gallery website interfaces
Botanical garden promotional materials
Interior design for sophisticated, natural spaces
Packaging for high-end organic products

Suggested color roles

primary

#004D40 (Dark Green) - Use for main brand elements, strong headings, or foundational backgrounds to convey elegance and depth.

secondary

#1B5E20 (Forest Green) - Ideal for supporting sections, subheadings, or large graphic elements, adding natural richness.

accent

#4CAF50 (Medium Green) - Employ sparingly for highlights, interactive elements, or intricate details to add a vibrant, organic touch.

background

#FBE9E7 (Pale Peach) - A soft, warm neutral that provides a gentle, luminous canvas, allowing the greens to truly shine.

text

#004D40 (Dark Green) or black for body text, ensuring excellent readability against the light backgrounds.

Accessibility notes

#004D40 and #1B5E20 provide excellent contrast against #E0E0E0 and #FBE9E7 for text.
#4CAF50 can be used for larger text or headings on light backgrounds, but check contrast for smaller sizes.
Avoid using #E0E0E0 or #FBE9E7 for text on very light backgrounds as contrast will be too low.
Ensure interactive elements have sufficient contrast in all states (normal, hover, active).

Recommended combinations

Stained Glass

Perfect for a sophisticated visual, with dark green as a base, vibrant green as detail, and peach as a luminous element.

#004D40 · #4CAF50 · #FBE9E7

Organic Flow

Great for creating a harmonious, natural feel, blending greens with soft, elegant neutrals.

#1B5E20 · #E0E0E0 · #FBE9E7

Elegant Contrast

Use dark green for strong statements, light grey for balance, and medium green for an energetic accent in UI.

#004D40 · #E0E0E0 · #4CAF50

CSS variables

:root {
  --nouveau-glass-garden-1: #004D40;
  --nouveau-glass-garden-2: #1B5E20;
  --nouveau-glass-garden-3: #4CAF50;
  --nouveau-glass-garden-4: #E0E0E0;
  --nouveau-glass-garden-5: #FBE9E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nouveau-glass-garden": {
        1: "#004D40",
        2: "#1B5E20",
        3: "#4CAF50",
        4: "#E0E0E0",
        5: "#FBE9E7",
      }
    }
  }
}

Hex values

Color 1#004D40

Color 2#1B5E20

Color 3#4CAF50

Color 4#E0E0E0

Color 5#FBE9E7

Accessibility

Contrast checker

1.2:1Fail

3.5:1AA18

7.4:1AAA

8.4:1AAA

1.2:1Fail

2.8:1Fail

6:1AA

6.7:1AA

3.5:1AA18

2.8:1Fail

2.1:1Fail

2.4:1Fail

7.4:1AAA

6:1AA

2.1:1Fail

1.1:1Fail

8.4:1AAA

6.7:1AA

2.4:1Fail

1.1:1Fail

Similar palettes

More like Nouveau Glass Garden

Verdigris Ceramic Haze