What are the hex codes in the Volt Honey & Turquoise palette?

The Volt Honey & Turquoise color palette consists of Licorice #001918, Eucalyptus #00BDAA, Honey #FB9500, Turquoise #00E7D3.

How should I use the Volt Honey & Turquoise palette on a website?

Use Turquoise #00E7D3 as the background, Licorice #001918 for text, Eucalyptus #00BDAA for buttons and links, and Honey #FB9500 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Turquoise at 11.6:1.

Which colors in Volt Honey & Turquoise have enough contrast for text?

The highest-contrast pair is #001918 on #00E7D3 with a ratio of 11.6:1, which passes WCAG AA for normal text.

#001918Licorice

#00BDAAEucalyptus

#FB9500Honey

#00E7D3Turquoise

Volt Honey & Turquoise color palette

Black Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Licorice	`#001918`	`rgb(0, 25, 24)`	`hsl(178, 100%, 5%)`	`oklch(19.3% 0.033 191)`
Eucalyptus	`#00BDAA`	`rgb(0, 189, 170)`	`hsl(174, 100%, 37%)`	`oklch(71.6% 0.128 182)`
Honey	`#FB9500`	`rgb(251, 149, 0)`	`hsl(36, 100%, 49%)`	`oklch(76.0% 0.172 64)`
Turquoise	`#00E7D3`	`rgb(0, 231, 211)`	`hsl(175, 100%, 45%)`	`oklch(83.4% 0.148 184)`

Why it works and how to use it

Volt Honey & Turquoise is a vivid dark, complementary color palette tagged black, teal. Near-complementary hues (about 139° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Eucalyptus takes the lead while the rest support. Lightness runs from 5% to 49%. Well suited to dark-mode interfaces and gaming.

Background: Turquoise (#00E7D3) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#001918) on #00E7D3 gives 11.6:1, passing WCAG AAA.
Primary: Eucalyptus (#00BDAA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Honey (#FB9500) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Turquoise at 11.6:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Volt Honey & Turquoise

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

#001918

#00BDAA

#FB9500

#00E7D3

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
`#001918` on `#00E7D3`	Aa	11.6:1	AAA
`#001918` on `#FB9500`	Aa	8.16:1	AAA
`#001918` on `#00BDAA`	Aa	7.69:1	AAA
`#00BDAA` on `#00E7D3`	Aa	1.51:1	Fail
`#FB9500` on `#00E7D3`	Aa	1.42:1	Fail
`#00BDAA` on `#FB9500`	Aa	1.06:1	Fail

:root {
  --licorice: #001918;
  --eucalyptus: #00BDAA;
  --honey: #FB9500;
  --turquoise: #00E7D3;
}

$licorice: #001918;
$eucalyptus: #00BDAA;
$honey: #FB9500;
$turquoise: #00E7D3;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'licorice': '#001918',
        'eucalyptus': '#00BDAA',
        'honey': '#FB9500',
        'turquoise': '#00E7D3',
      },
    },
  },
};

{
  "name": "Volt Honey & Turquoise",
  "colors": [
    "#001918",
    "#00BDAA",
    "#FB9500",
    "#00E7D3"
  ]
}

background: linear-gradient(135deg, #001918, #00BDAA, #FB9500, #00E7D3);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-06-27 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood