Back to palettes

Palette

Licorice Drop

Rich, deep tones reminiscent of glossy black licorice candy, dark yet alluring and minimalist.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Licorice Drop 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 Licorice Drop.

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

Data visualization

#2F2F2F#595959#838383#B3B3B3#1A1A1A

Palette guide

How to use Licorice Drop

Overview

The Licorice Drop palette is a sleek, minimalist collection of deep greys and near-blacks, reminiscent of glossy black licorice. Ranging from the profound #1A1A1A to the softer #B3B3B3, this monochrome scheme offers exceptional versatility for modern, sophisticated designs. Designers and developers will find these tones perfect for creating clean, impactful interfaces that prioritize clarity and a contemporary aesthetic. The subtle shifts between #2F2F2F, #595959, and #838383 allow for nuanced depth and hierarchy, making it an excellent choice for dark mode themes, luxury tech brands, or any project requiring a strong, understated visual presence.

Best used for

  • Modern tech company websites and apps
  • Minimalist branding and corporate identity
  • Dark mode UI/UX design
  • Photography portfolios and art galleries
  • Industrial design product showcases
  • High-end fashion or automotive presentations

Suggested color roles

primary

Utilize #1A1A1A for foundational backgrounds, deep borders, or bold navigational elements, establishing a strong, sophisticated base.

secondary

Employ #2F2F2F for card backgrounds, secondary panels, or subtle divisions, providing depth without harsh contrast.

accent

Apply #B3B3B3 sparingly for hover states, subtle iconography, or progress indicators, offering a bright, crisp accent.

background

The deepest shade, #1A1A1A, or the dark #2F2F2F, is ideal for immersive, modern backgrounds, particularly in dark mode applications.

text

The lightest shade, #B3B3B3, is perfectly suited for primary text on dark backgrounds, ensuring excellent readability and a clean aesthetic.

Accessibility notes

  • Ensure strong contrast between lighter greys like #B3B3B3 for text and darker backgrounds like #1A1A1A or #2F2F2F.
  • Avoid using mid-tones like #595959 or #838383 for small text on similar backgrounds, as readability may suffer.
  • For critical information, consider using pure white text on the darkest backgrounds to maximize contrast and accessibility.
  • Test color combinations with WCAG contrast checkers to ensure compliance, especially for interactive elements.

Recommended combinations

Dark Mode Base

Perfect for dark mode: #1A1A1A as background, #B3B3B3 for main text, and #595959 for secondary text or subtle UI.

#1A1A1A · #B3B3B3 · #595959

Layered Monochrome

Creates depth: #2F2F2F for sections, #838383 for card backgrounds, and #B3B3B3 for content or highlights.

#2F2F2F · #838383 · #B3B3B3

Subtle Distinction

Use #1A1A1A for main container, #2F2F2F for sub-containers, and #595959 for borders or dividers, maintaining a sleek look.

#1A1A1A · #2F2F2F · #595959

CSS variables

:root {
  --licorice-drop-1: #2F2F2F;
  --licorice-drop-2: #595959;
  --licorice-drop-3: #838383;
  --licorice-drop-4: #B3B3B3;
  --licorice-drop-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "licorice-drop": {
        1: "#2F2F2F",
        2: "#595959",
        3: "#838383",
        4: "#B3B3B3",
        5: "#1A1A1A",
      }
    }
  }
}

Related searches

dark grey color palettemonochrome black greyminimalist UI colorsmodern dark themelicorice candy colors

Palette colors

Hex values

Color 1#2F2F2F
·
Color 2#595959
·
Color 3#838383
·
Color 4#B3B3B3
·
Color 5#1A1A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
6.4:1AA
1.3:1Fail
2
1.9:1Fail
1.8:1Fail
3.3:1AA18
2.5:1Fail
3
3.5:1AA18
1.8:1Fail
1.8:1Fail
4.6:1AA
4
6.4:1AA
3.3:1AA18
1.8:1Fail
8.3:1AAA
5
1.3:1Fail
2.5:1Fail
4.6:1AA
8.3:1AAA

Similar palettes

More like Licorice Drop

View all monochrome
Midnight Ink Spill
Obsidian Shard Coast
Shadowed Obsidian
Volcanic Obsidian Flow
Basalt Column Grey
Basalt Pillar Shades