Back to palettes

Palette

Ambergris Dream

Rich, enigmatic hues inspired by the rare and precious ambergris, carrying an ancient, subtle warmth.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ambergris Dream 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 Ambergris Dream.

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

Data visualization

#4F3F2F#826B50#A89178#D3C0A0#FFF3DB

Palette guide

How to use Ambergris Dream

Overview

The "Ambergris Dream" palette presents rich, enigmatic hues inspired by the rare and precious ambergris, carrying an ancient, subtle warmth. It moves from the profound #4F3F2F (Dark Taupe) and #826B50 (Warm Gray-Brown) to the softer #A89178 (Muted Tan) and #D3C0A0 (Light Greige). The almost ethereal #FFF3DB (Creamy White) provides a delicate, luminous touch, completing this elegant and sophisticated collection. This palette is ideal for designs seeking a minimalist, luxurious, and timeless aesthetic, perfect for high-end fashion, art, or refined interior spaces.

Best used for

  • Luxury fashion or beauty branding
  • Art and gallery websites or exhibition design
  • Minimalist interior design concepts
  • High-end stationery and packaging
  • Sophisticated web interfaces for creative professionals
  • Editorial design for art or culture magazines

Suggested color roles

primary

Use #4F3F2F as a deep, grounding dark taupe, excellent for strong headings, primary text, or sophisticated brand elements.

secondary

Employ #826B50 as a warm gray-brown, perfect for subheadings, prominent content blocks, or a subtle brand accent.

accent

Apply #A89178 as a muted tan, ideal for subtle highlights, borders, or secondary interactive states, adding gentle warmth.

background

Utilize #FFF3DB as a creamy, almost white, providing a soft, luxurious canvas that allows darker text to stand out elegantly.

text

For primary body text on #FFF3DB backgrounds, use #4F3F2F, ensuring excellent readability and a cohesive, sophisticated aesthetic.

Accessibility notes

  • Ensure #4F3F2F text has excellent contrast against #FFF3DB backgrounds (WCAG AA/AAA).
  • Avoid using #A89178 or #D3C0A0 for small text on #FFF3DB, as contrast may be insufficient.
  • When using #826B50 for text, pair it with a very light background for optimal readability.
  • The subtle, low-contrast nature of the mid-tones means careful testing is crucial for all interactive elements and text.

Recommended combinations

Mystic Depth

A deep base, a complementary mid-tone, and a creamy background, perfect for a sophisticated and legible interface.

#4F3F2F · #826B50 · #FFF3DB

Rare Glow

A light background with muted text and a deep accent, creating an elegant and understated content area.

#FFF3DB · #A89178 · #4F3F2F

Ancient Essence

A harmonious blend of warm grays and browns, ideal for layered design elements or subtle visual interest.

#826B50 · #D3C0A0 · #4F3F2F

CSS variables

:root {
  --ambergris-dream-1: #4F3F2F;
  --ambergris-dream-2: #826B50;
  --ambergris-dream-3: #A89178;
  --ambergris-dream-4: #D3C0A0;
  --ambergris-dream-5: #FFF3DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ambergris-dream": {
        1: "#4F3F2F",
        2: "#826B50",
        3: "#A89178",
        4: "#D3C0A0",
        5: "#FFF3DB",
      }
    }
  }
}

Related searches

ambergris color paletteluxury warm gray schemeelegant earthy tonesminimalist sophisticated brandingrare natural design

Palette colors

Hex values

Color 1#4F3F2F
·
Color 2#826B50
·
Color 3#A89178
·
Color 4#D3C0A0
·
Color 5#FFF3DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
5.7:1AA
9.2:1AAA
2
2:1Fail
1.7:1Fail
2.8:1Fail
4.6:1AA
3
3.4:1AA18
1.7:1Fail
1.7:1Fail
2.7:1Fail
4
5.7:1AA
2.8:1Fail
1.7:1Fail
1.6:1Fail
5
9.2:1AAA
4.6:1AA
2.7:1Fail
1.6:1Fail

Similar palettes

More like Ambergris Dream

View all earth