What are the hex codes in the Bold Amethyst & Eucalyptus palette?

The Bold Amethyst & Eucalyptus color palette consists of Amethyst #A163FF, Lapis #005A89, Charcoal #004556, Eucalyptus #6BD09D.

How should I use the Bold Amethyst & Eucalyptus palette on a website?

Use Eucalyptus #6BD09D as the background, Charcoal #004556 for text, Amethyst #A163FF for buttons and links, and Lapis #005A89 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Eucalyptus at 5.61:1.

Which colors in Bold Amethyst & Eucalyptus have enough contrast for text?

The highest-contrast pair is #004556 on #6BD09D with a ratio of 5.61:1, which passes WCAG AA for normal text.

#A163FFAmethyst

#005A89Lapis

#004556Charcoal

#6BD09DEucalyptus

Bold Amethyst & Eucalyptus color palette

Neon Cold Purple Blue Green

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Amethyst	`#A163FF`	`rgb(161, 99, 255)`	`hsl(264, 100%, 69%)`	`oklch(64.3% 0.222 298)`
Lapis	`#005A89`	`rgb(0, 90, 137)`	`hsl(201, 100%, 27%)`	`oklch(44.7% 0.105 241)`
Charcoal	`#004556`	`rgb(0, 69, 86)`	`hsl(192, 100%, 17%)`	`oklch(36.2% 0.066 221)`
Eucalyptus	`#6BD09D`	`rgb(107, 208, 157)`	`hsl(150, 52%, 62%)`	`oklch(78.3% 0.121 160)`

Why it works and how to use it

Bold Amethyst & Eucalyptus is a vivid split color palette tagged neon, cold, purple. A split scheme: Amethyst plays against Eucalyptus across roughly 114° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.

With 4 chromatic colors, Amethyst takes the lead while the rest support. Lightness runs from 17% to 69%. Well suited to websites, presentations and branding.

Background: Eucalyptus (#6BD09D) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#004556) on #6BD09D gives 5.61:1, passing WCAG AA.
Primary: Amethyst (#A163FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Lapis (#005A89) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Eucalyptus at 5.61:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Bold Amethyst & Eucalyptus

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#A163FF

#005A89

#004556

#6BD09D

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#004556` on `#6BD09D`	Aa	5.61:1	AA
`#005A89` on `#6BD09D`	Aa	3.94:1	AA large only
`#A163FF` on `#004556`	Aa	2.89:1	Fail
`#A163FF` on `#005A89`	Aa	2.03:1	Fail
`#A163FF` on `#6BD09D`	Aa	1.94:1	Fail
`#005A89` on `#004556`	Aa	1.42:1	Fail

:root {
  --amethyst: #A163FF;
  --lapis: #005A89;
  --charcoal: #004556;
  --eucalyptus: #6BD09D;
}

$amethyst: #A163FF;
$lapis: #005A89;
$charcoal: #004556;
$eucalyptus: #6BD09D;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'amethyst': '#A163FF',
        'lapis': '#005A89',
        'charcoal': '#004556',
        'eucalyptus': '#6BD09D',
      },
    },
  },
};

{
  "name": "Bold Amethyst & Eucalyptus",
  "colors": [
    "#A163FF",
    "#005A89",
    "#004556",
    "#6BD09D"
  ]
}

background: linear-gradient(135deg, #A163FF, #005A89, #004556, #6BD09D);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-04-05 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood