Back to palettes

Palette

Regal Emerald Bloom

Rich and sophisticated, like deep emeralds juxtaposed with lush, delicate green foliage.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Emerald 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 Regal Emerald Bloom.

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

Data visualization

#006400#228B22#6B8E23#8FBC8F#F5FFFA

Palette guide

How to use Regal Emerald Bloom

Overview

The Regal Emerald Bloom palette is a sophisticated blend of rich emerald greens, reminiscent of deep jewels juxtaposed with lush foliage. Featuring the profound #006400, the vibrant #228B22, the earthy #6B8E23, and the delicate #8FBC8F, it's beautifully grounded by the crisp #F5FFFA. This collection is perfect for designers and developers seeking to convey elegance, nature-inspired luxury, and freshness. Its range allows for dynamic contrast and harmonious transitions, creating visually stunning and memorable experiences for users, ideal for projects with an organic yet refined aesthetic.

Best used for

  • Eco-luxury branding and packaging
  • Botanical garden websites and apps
  • High-end organic product marketing
  • Nature-inspired interior design
  • Wellness and holistic brand identities
  • Spring/summer fashion collections

Suggested color roles

primary

Employ #006400 as the dominant, deep emerald green for backgrounds, robust headers, or key brand elements, establishing a luxurious, natural foundation.

secondary

Use #228B22 for supportive sections, sub-headers, or larger graphical components, offering a vibrant yet harmonious touch.

accent

Apply #6B8E23 for earthy accents, interactive elements, or striking visual highlights to add a touch of natural flair.

background

Utilize #F5FFFA for clean, airy backgrounds, providing excellent contrast and a sense of freshness.

text

Dark shades like #006400 or #228B22 work best for text on light backgrounds. For dark backgrounds, use white or a very pale gray.

Accessibility notes

  • Ensure high contrast when using #006400 for text on #F5FFFA backgrounds, meeting WCAG AA standards.
  • The lighter green #8FBC8F has low contrast with #F5FFFA; avoid using it for small text.
  • Carefully check the contrast of #6B8E23 if used for body text on backgrounds that are not starkly contrasting.
  • Prioritize the darkest colors for text on light backgrounds to ensure optimal legibility for all users.

Recommended combinations

Deep Contrast

A powerful combination for high-impact branding, pairing deep emerald with an airy white and a vibrant green accent.

#006400 · #F5FFFA · #228B22

Natural Harmony

Ideal for creating a delicate and inviting atmosphere, perfect for nature-focused or wellness designs.

#228B22 · #6B8E23 · #8FBC8F

Fresh & Light

Use for designs that emphasize lightness and natural freshness, while grounding the aesthetic with deep green accents.

#F5FFFA · #006400 · #6B8E23

CSS variables

:root {
  --regal-emerald-bloom-1: #006400;
  --regal-emerald-bloom-2: #228B22;
  --regal-emerald-bloom-3: #6B8E23;
  --regal-emerald-bloom-4: #8FBC8F;
  --regal-emerald-bloom-5: #F5FFFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-emerald-bloom": {
        1: "#006400",
        2: "#228B22",
        3: "#6B8E23",
        4: "#8FBC8F",
        5: "#F5FFFA",
      }
    }
  }
}

Related searches

regal emerald green palettelush botanical colorselegant nature brandingvibrant green color schemejewel tone foliage design

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#6B8E23
·
Color 4#8FBC8F
·
Color 5#F5FFFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2:1Fail
3.5:1AA18
7.3:1AAA
2
1.7:1Fail
1.2:1Fail
2:1Fail
4.3:1AA18
3
2:1Fail
1.2:1Fail
1.8:1Fail
3.7:1AA18
4
3.5:1AA18
2:1Fail
1.8:1Fail
2.1:1Fail
5
7.3:1AAA
4.3:1AA18
3.7:1AA18
2.1:1Fail

Similar palettes

More like Regal Emerald Bloom

View all vibrant
Emerald City Glaze
Art Deco Emerald Pool
Emerald City Gleam
Emerald Gemstone Luster
Gatsby Green Glam
Opulent Jade Bloom