Palette

Amber Whiskey Swirl

The deep, swirling amber and golden hues of a fine whiskey, exuding warmth and sophisticated elegance.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amber Whiskey Swirl 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 Amber Whiskey Swirl.

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

Data visualization

#CD853F#B8860B#A0522D#8B4513#D2691E

Palette guide

How to use Amber Whiskey Swirl

Overview

The "Amber Whiskey Swirl" palette embodies the deep, swirling amber and golden hues of a fine whiskey, exuding warmth and sophisticated elegance. It features a range from the rich #8B4513 (Saddle Brown) and #A0522D (Sienna) to the vibrant #CD853F (Peru) and #D2691E (Chocolate). The inclusion of #B8860B (Dark Goldenrod) adds a touch of golden brilliance, reminiscent of light catching the liquid. This palette is ideal for designs seeking a luxurious, refined, and inviting aesthetic, perfect for high-end branding, upscale hospitality, or sophisticated lifestyle projects.

Best used for

Luxury beverage branding (whiskey, craft beer, coffee)
High-end hospitality (boutique hotels, fine dining)
Men's fashion and grooming brands
Elegant interior design and decor
Sophisticated website themes for professional services
Vintage-inspired graphic design

Suggested color roles

primary

Use #8B4513 as a deep, robust saddle brown, excellent for strong headings, important calls-to-action, or a sophisticated brand identity.

secondary

Employ #A0522D as a rich, warm sienna, perfect for subheadings, navigation, or prominent content blocks.

accent

Apply #D2691E as a vibrant chocolate orange, ideal for subtle highlights, interactive elements, or a pop of warmth.

background

A light cream or off-white (e.g., #FBF8F0) to allow the rich, warm colors to truly shine and ensure readability.

text

For primary body text on light backgrounds, use #8B4513, ensuring excellent readability and a cohesive, rich aesthetic.

Accessibility notes

Ensure #8B4513 text has excellent contrast against light backgrounds (e.g., #FBF8F0).
Avoid using #CD853F or #D2691E for small text on light backgrounds, as contrast may be insufficient.
When using #A0522D for text, pair it with a very light background for optimal readability.
The deep, rich tones provide strong contrast, but always check readability for smaller text sizes.

Recommended combinations

Aged Barrel

A deep base, a rich primary, and a warm secondary, perfect for creating a sophisticated and layered design.

#8B4513 · #A0522D · #CD853F

Golden Dram

A vibrant golden accent with warm browns, creating a luxurious and inviting visual.

#B8860B · #CD853F · #8B4513

Elegant Swirl

A harmonious blend of mid-tones, ideal for subtle gradients or layered elements in UI.

#D2691E · #A0522D · #B8860B

CSS variables

:root {
  --amber-whiskey-swirl-1: #CD853F;
  --amber-whiskey-swirl-2: #B8860B;
  --amber-whiskey-swirl-3: #A0522D;
  --amber-whiskey-swirl-4: #8B4513;
  --amber-whiskey-swirl-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-whiskey-swirl": {
        1: "#CD853F",
        2: "#B8860B",
        3: "#A0522D",
        4: "#8B4513",
        5: "#D2691E",
      }
    }
  }
}

Hex values

Color 1#CD853F

Color 2#B8860B

Color 3#A0522D

Color 4#8B4513

Color 5#D2691E

Accessibility

Contrast checker

1.1:1Fail

1.9:1Fail

2.4:1Fail

1.2:1Fail

1.1:1Fail

1.7:1Fail

2.2:1Fail

1.1:1Fail

1.9:1Fail

1.7:1Fail

1.3:1Fail

1.5:1Fail

2.4:1Fail

2.2:1Fail

1.3:1Fail

2:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

2:1Fail

Similar palettes

More like Amber Whiskey Swirl

Amber Whiskey Swirl

See it in context.

Ready when you are.

Built with Amber Whiskey Swirl.

How to use Amber Whiskey Swirl

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Aged Barrel

Golden Dram

Elegant Swirl

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Amber Whiskey Swirl