Palette

Malachite Veil

Luxurious deep greens, mimicking the patterned layers and rich hue of malachite under a dappled light.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Malachite Veil 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 Malachite Veil.

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

Data visualization

#0A4232#1E6C51#3CC090#7EE4C4#0C5441

Palette guide

How to use Malachite Veil

Overview

The Malachite Veil palette features luxurious deep greens, mimicking the patterned layers and rich hue of malachite under dappled light. This vibrant scheme offers a refreshing and elegant aesthetic, perfect for designs that aim to convey nature, luxury, and tranquility. Key colors include the profound `#0A4232`, the rich `#1E6C51`, and the shimmering `#7EE4C4`. It provides a harmonious blend of dark, grounding tones and bright, invigorating highlights. Designers will find this palette excellent for creating a sense of natural sophistication, while developers can use these distinct shades to build visually appealing and calming interfaces.

Best used for

Eco-friendly brand identities and packaging
Luxury spa and wellness center branding
Nature-inspired product designs
Financial institutions (trust and growth)
Botanical garden websites and exhibits
Sustainable fashion lines and accessories

Suggested color roles

primary

Utilize `#1E6C51` as the rich, vibrant malachite green, suitable for primary branding elements, headings, or main content areas.

secondary

Employ `#0C5441` as a deeper, grounding green, perfect for supporting elements, subheadings, or to add stability to visual compositions.

accent

Apply `#7EE4C4` as a bright, shimmering highlight, ideal for interactive elements, small icons, or to signify freshness and clarity.

background

Designate `#0A4232` as the deepest, dark forest green background, providing a profound and calming base that enhances the lighter greens.

text

For optimal readability on dark backgrounds like `#0A4232`, use white or a very light grey. On lighter greens such as `#3CC090`, a dark charcoal or black is appropriate.

Accessibility notes

Ensure `#7EE4C4` has sufficient contrast when used for text or interactive elements on darker green backgrounds to meet WCAG AA standards.
White or near-white text is crucial on `#0A4232`, `#1E6C51`, and `#0C5441` for optimal readability.
The palette offers a good range for contrast, but always check specific pairings, especially for smaller text.
Avoid using `#0C5441` as text on `#0A4232` due to low contrast.

Recommended combinations

Deep Malachite

Creates a profound and stable green foundation, ideal for backgrounds, brand identity, or layered UI elements.

#0A4232 · #1E6C51 · #0C5441

Lush Layers

Excellent for highlighting sections or creating gradients that suggest depth, growth, and natural beauty.

#1E6C51 · #3CC090 · #7EE4C4

Veiled Glimmer

Perfect for a fresh and elegant theme, using a deep green base with brighter, shimmering accents for interactive elements.

#0C5441 · #3CC090 · #7EE4C4

CSS variables

:root {
  --malachite-veil-1: #0A4232;
  --malachite-veil-2: #1E6C51;
  --malachite-veil-3: #3CC090;
  --malachite-veil-4: #7EE4C4;
  --malachite-veil-5: #0C5441;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "malachite-veil": {
        1: "#0A4232",
        2: "#1E6C51",
        3: "#3CC090",
        4: "#7EE4C4",
        5: "#0C5441",
      }
    }
  }
}

Hex values

Color 1#0A4232

Color 2#1E6C51

Color 3#3CC090

Color 4#7EE4C4

Color 5#0C5441

Accessibility

Contrast checker

1.8:1Fail

5:1AA

7.5:1AAA

1.3:1Fail

1.8:1Fail

2.8:1Fail

4.2:1AA18

1.4:1Fail

5:1AA

2.8:1Fail

1.5:1Fail

3.9:1AA18

7.5:1AAA

4.2:1AA18

1.5:1Fail

5.8:1AA

1.3:1Fail

1.4:1Fail

3.9:1AA18

5.8:1AA

Similar palettes

More like Malachite Veil

View all vibrant

Enchanted Forest Berry

Jade Empress Garden

Amethyst Aura

Aurora Borealis Dream

Cobalt Geode

Emerald City Glaze