Palette

Sandy Dune Horizon

A harmonious blend of sun-bleached beiges and creamy whites, reflecting vast, peaceful dunes.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sandy Dune Horizon 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 Sandy Dune Horizon.

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

Data visualization

#CDB891#DAC18C#E8D09E#F6E2BC#FCF2D6

Palette guide

How to use Sandy Dune Horizon

Overview

The Sandy Dune Horizon palette offers a serene collection of sun-bleached beiges and creamy whites, ideal for creating sophisticated, minimalist designs. Rooted in nature's quiet beauty, this neutral scheme features grounding tones like #CDB891 and #DAC18C, complemented by lighter, airy shades such as #E8D09E, #F6E2BC, and the almost-white #FCF2D6. Designers and developers can leverage this palette to evoke a sense of calm, spaciousness, and understated elegance. It's particularly effective for projects aiming for a luxurious, organic, or tranquil aesthetic, providing a versatile foundation that feels both contemporary and timeless.

Best used for

Luxury brand identity and packaging
Spa and wellness website designs
Minimalist UI/UX for apps and web platforms
Interior design visualization and mood boards
Artisanal product showcases
Eco-friendly or sustainable brand messaging

Suggested color roles

primary

#CDB891 - A robust, warm beige, excellent for primary brand elements, dominant sections, or sturdy background layers that need subtle depth.

secondary

#DAC18C - Slightly lighter than the primary, this shade provides harmonious support, perfect for secondary navigation, card backgrounds, or accent borders.

accent

#E8D09E - A brighter, sun-kissed tone that can be used sparingly for subtle highlights, interactive states, or decorative elements without overpowering the overall calm.

background

#FCF2D6 - This very light, almost off-white hue serves as an expansive and airy background, perfect for creating a clean, spacious canvas for content.

text

#F6E2BC - Use this lighter beige for subtle, decorative text on darker backgrounds. For general body text on lighter backgrounds like #FCF2D6, a dark charcoal or black is recommended for readability, such as #333333.

Accessibility notes

Ensure sufficient contrast (WCAG AA/AAA) when pairing any text with background colors within this light palette, especially for critical information.
Avoid using lighter shades like #F6E2BC or #FCF2D6 for small body text on similarly light backgrounds to prevent readability issues.
Utilize the darkest shade, #CDB891, for essential UI elements or larger headings to improve visual hierarchy and contrast.
Consider using a dark neutral (e.g., a deep charcoal) for body text on any of these light backgrounds to meet accessibility standards effectively.

Recommended combinations

Airy Foundation

Ideal for creating light, spacious interfaces where #FCF2D6 is the main background, #F6E2BC for cards, and #E8D09E for subtle accents.

#FCF2D6 · #F6E2BC · #E8D09E

Subtle Depth

Great for adding gentle hierarchy; #CDB891 as a header background, #DAC18C for key buttons, and #FCF2D6 as content background.

#CDB891 · #DAC18C · #FCF2D6

Desert Glow

Use #CDB891 for dominant visuals, #E8D09E for highlights, and #F6E2BC for secondary text or decorative elements, evoking a warm, natural feel.

#E8D09E · #F6E2BC · #CDB891

CSS variables

:root {
  --sandy-dune-horizon-1: #CDB891;
  --sandy-dune-horizon-2: #DAC18C;
  --sandy-dune-horizon-3: #E8D09E;
  --sandy-dune-horizon-4: #F6E2BC;
  --sandy-dune-horizon-5: #FCF2D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandy-dune-horizon": {
        1: "#CDB891",
        2: "#DAC18C",
        3: "#E8D09E",
        4: "#F6E2BC",
        5: "#FCF2D6",
      }
    }
  }
}

Hex values

Color 1#CDB891

Color 2#DAC18C

Color 3#E8D09E

Color 4#F6E2BC

Color 5#FCF2D6

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.7:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.6:1Fail

1.3:1Fail

1.2:1Fail

1.3:1Fail

1.5:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.7:1Fail

1.6:1Fail

1.3:1Fail

1.1:1Fail

Similar palettes

More like Sandy Dune Horizon

Sandy Dune Horizon

See it in context.

Ready when you are.

Built with Sandy Dune Horizon.

How to use Sandy Dune Horizon

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Airy Foundation

Subtle Depth

Desert Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sandy Dune Horizon