Back to palettes

Palette

Art Nouveau Bloom

Soft, muted colors inspired by the organic shapes and delicate florals of the Art Nouveau movement.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Art Nouveau Bloom 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 Art Nouveau Bloom.

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

Data visualization

#C4CFA9#8C785B#B76D6D#5F474A#3B4D46

Palette guide

How to use Art Nouveau Bloom

Overview

The "Art Nouveau Bloom" palette features soft, muted colors inspired by the organic shapes and delicate florals of the Art Nouveau movement. This collection is ideal for designers and developers seeking to create designs that convey elegance, vintage charm, and a natural, artistic feel. The gentle sage-green #C4CFA9 provides an airy base, while the earthy brown #8C785B and muted rose #B76D6D add warmth and character. The deep, grounding tones of #5F474A and #3B4D46 anchor the palette, offering sophisticated depth. This palette is perfect for artisanal brands, botanical illustrations, or digital interfaces that require a refined, organic, and nostalgic aesthetic.

Best used for

  • Artisan craft product branding
  • Vintage botanical illustration
  • Nature-inspired web design
  • Wedding stationery with a vintage twist
  • Eco-friendly brand packaging
  • Historical fashion blogs

Suggested color roles

primary

Use #8C785B, a warm, earthy brown, as a versatile base for main content areas or navigation, conveying natural elegance.

secondary

Apply #B76D6D, a soft, muted rose, for secondary headings, decorative elements, or subtle accents, complementing the primary beautifully.

accent

Employ #5F474A, a deep, rich plum-brown, for strong calls-to-action, important icons, or dramatic section separators to add gravitas.

background

Select #C4CFA9, a gentle, light sage-green, as an airy, organic canvas, ensuring excellent readability for darker text.

text

Choose #3B4D46, a deep, dark teal-gray, for body text, ensuring strong readability against lighter backgrounds and a cohesive, natural feel.

Accessibility notes

  • Ensure #3B4D46 text on #C4CFA9 background meets WCAG AA contrast for body text.
  • Avoid using #B76D6D text on #8C785B, as the contrast will likely be too low.
  • The lightest color, #C4CFA9, will require dark text (e.g., #3B4D46 or black) for readability.
  • For critical UI elements, ensure good contrast by pairing #5F474A with #C4CFA9.

Recommended combinations

Organic Elegance

Ideal for a nature-inspired website header, with dark text on a light background and mid-brown for links.

#C4CFA9 · #8C785B · #3B4D46

Floral Depth

Creates elegant content cards, using the darkest brown for key details and the soft rose for accents.

#B76D6D · #5F474A · #C4CFA9

Vintage Harmony

Suitable for a sophisticated navigation bar, with the dark teal-gray for active states and rose for highlights.

#8C785B · #3B4D46 · #B76D6D

CSS variables

:root {
  --art-nouveau-bloom-1: #C4CFA9;
  --art-nouveau-bloom-2: #8C785B;
  --art-nouveau-bloom-3: #B76D6D;
  --art-nouveau-bloom-4: #5F474A;
  --art-nouveau-bloom-5: #3B4D46;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-nouveau-bloom": {
        1: "#C4CFA9",
        2: "#8C785B",
        3: "#B76D6D",
        4: "#5F474A",
        5: "#3B4D46",
      }
    }
  }
}

Related searches

art nouveau floral palettevintage muted colorsorganic elegant designsoft earthy toneshistoric bloom aesthetic

Palette colors

Hex values

Color 1#C4CFA9
·
Color 2#8C785B
·
Color 3#B76D6D
·
Color 4#5F474A
·
Color 5#3B4D46
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.6:1Fail
2.4:1Fail
5.2:1AA
5.5:1AA
2
2.6:1Fail
1.1:1Fail
2:1Fail
2.1:1Fail
3
2.4:1Fail
1.1:1Fail
2.2:1Fail
2.3:1Fail
4
5.2:1AA
2:1Fail
2.2:1Fail
1.1:1Fail
5
5.5:1AA
2.1:1Fail
2.3:1Fail
1.1:1Fail

Similar palettes

More like Art Nouveau Bloom

View all neutral
Antique Rose Scroll
Gilded Cage Echo
Aged Parchment Tome
Aged Vellum Script
Ancient Parchment Ink
Antique Map Parchment