Back to palettes

Palette

Absinthe Spirit

Ethereal, pale greens with a hint of mystic glow, inspired by the elusive 'green fairy' of absinthe.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Absinthe Spirit 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 Absinthe Spirit.

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

Data visualization

#4A8A61#7FB890#B2E0C0#E0F5EB#3C704E

Palette guide

How to use Absinthe Spirit

Overview

The Absinthe Spirit palette evokes a mystical, ethereal vibe with its range of vibrant and pale greens. This unique collection, featuring the deep forest green of #3C704E, the classic absinthe green #4A8A61, and lighter, airy tones like #B2E0C0 and #E0F5EB, is perfect for projects seeking a touch of whimsy and natural elegance. Designers will find #7FB890 versatile for secondary elements, while developers can leverage the distinct hex codes for precise UI implementation. It’s ideal for creating designs that feel organic, enchanting, and subtly luxurious, moving beyond conventional green palettes. The playful yet sophisticated mood makes it adaptable for various digital and print applications.

Best used for

  • Eco-friendly brand identities and packaging
  • Mystical or fantasy-themed game interfaces
  • Health and wellness app designs
  • Botanical illustration and web backgrounds
  • Unique beverage branding (e.g., craft spirits)
  • Art and creative portfolio websites

Suggested color roles

primary

#4A8A61 - A vibrant, signature green, excellent for main calls-to-action, prominent headings, or brand logos to establish a strong identity.

secondary

#7FB890 - A lighter, more subdued green that complements the primary, perfect for subheadings, active states, or secondary UI elements.

accent

#B2E0C0 - A pale, airy green, ideal for highlights, subtle hover effects, or small illustrative details to add a touch of lightness.

background

#E0F5EB - A very light, near-white green, serving as a clean, refreshing canvas that allows other colors to pop without being stark white.

text

#3C704E - A deep, rich forest green, offering excellent readability for body copy against lighter backgrounds like #E0F5EB, providing a softer alternative to black.

Accessibility notes

  • Ensure sufficient contrast between #3C704E text and #E0F5EB background for WCAG AA compliance.
  • Avoid using #B2E0C0 or #E0F5EB for small text against similarly light backgrounds.
  • Test #4A8A61 and #7FB890 for button text contrast, especially for users with color vision deficiencies.
  • Use a tool to check the contrast ratio if #7FB890 is used as text on #E0F5EB to guarantee readability.

Recommended combinations

Mystic Forest

Ideal for branding that needs depth and a natural feel, with #3C704E for text, #4A8A61 for primary elements, and #B2E0C0 for subtle highlights.

#3C704E · #4A8A61 · #B2E0C0

Ethereal Glow

Perfect for light, airy web interfaces where #E0F5EB is the background, #7FB890 for secondary elements, and #4A8A61 for key calls-to-action.

#E0F5EB · #7FB890 · #4A8A61

Verdant Accent

Great for a clean look, using #E0F5EB as a spacious background, #3C704E for strong text, and #7FB890 for decorative accents or icons.

#E0F5EB · #3C704E · #7FB890

CSS variables

:root {
  --absinthe-spirit-1: #4A8A61;
  --absinthe-spirit-2: #7FB890;
  --absinthe-spirit-3: #B2E0C0;
  --absinthe-spirit-4: #E0F5EB;
  --absinthe-spirit-5: #3C704E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "absinthe-spirit": {
        1: "#4A8A61",
        2: "#7FB890",
        3: "#B2E0C0",
        4: "#E0F5EB",
        5: "#3C704E",
      }
    }
  }
}

Related searches

green fairy color palettemystical green colorsvibrant green designabsinthe inspired paletteemerald and lime colors

Palette colors

Hex values

Color 1#4A8A61
·
Color 2#7FB890
·
Color 3#B2E0C0
·
Color 4#E0F5EB
·
Color 5#3C704E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
3.6:1AA18
1.4:1Fail
2
1.8:1Fail
1.6:1Fail
2:1Fail
2.5:1Fail
3
2.8:1Fail
1.6:1Fail
1.3:1Fail
4:1AA18
4
3.6:1AA18
2:1Fail
1.3:1Fail
5.1:1AA
5
1.4:1Fail
2.5:1Fail
4:1AA18
5.1:1AA

Similar palettes

More like Absinthe Spirit

View all vibrant