Back to palettes

Palette

Sunset Valley Glow

A warm, inviting gradient of sun-baked colors as the sun dips below a peaceful valley.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Valley Glow 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 Sunset Valley Glow.

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

Data visualization

#F2E8DC#E0C7B0#D1A18C#BF7B66#A35C49

Palette guide

How to use Sunset Valley Glow

Overview

The 'Sunset Valley Glow' palette is a serene and inviting collection that captures the gentle, sun-baked colors of a peaceful valley at dusk. It features a harmonious gradient from the very light, almost off-white #F2E8DC, through warm beiges and peaches like #E0C7B0 and #D1A18C, to deeper terracotta tones of #BF7B66 and #A35C49. This palette exudes tranquility and natural warmth, making it ideal for designs that seek to convey a sense of calm, comfort, and organic beauty. It's a versatile choice for creating a soft, inviting, and sophisticated aesthetic.

Best used for

  • Wellness and yoga studios
  • Natural beauty and skincare brands
  • Cozy home decor and interior design
  • Serene landscape photography portfolios
  • Organic food and artisanal product packaging
  • Peaceful travel destinations and resorts

Suggested color roles

primary

Use #D1A18C for a warm, approachable primary color in branding, headings, or key UI elements.

secondary

Employ #BF7B66 for deeper accents, subheadings, or to add a grounding element to the design.

accent

Apply #F2E8DC for soft highlights, delicate borders, or as an airy background for subtle elements.

background

Utilize #E0C7B0 for a light, calming, and expansive background that promotes a serene atmosphere.

text

Choose #A35C49 or a dark charcoal gray for body text on lighter backgrounds like #F2E8DC, #E0C7B0, or #D1A18C to ensure excellent readability.

Accessibility notes

  • For body text, #A35C49 or a dark brown/charcoal on #F2E8DC, #E0C7B0, or #D1A18C provides good contrast and readability.
  • #F2E8DC is best used as a background or for large display text, not small body text on light backgrounds.
  • Ensure sufficient contrast for any text elements, especially when using the lighter palette colors.
  • White text on the darker hues like #A35C49 or #BF7B66 will provide strong, accessible contrast.

Recommended combinations

Valley Horizon

Creates a soft, ethereal gradient, perfect for backgrounds, subtle headers, or layered graphic elements.

#F2E8DC · #E0C7B0 · #D1A18C

Sun-baked Earth

Offers a grounded and inviting combination for strong statements, primary text, or UI elements requiring depth.

#BF7B66 · #A35C49 · #D1A18C

Gentle Radiance

Provides a warm and harmonious blend, suitable for creating visual depth or subtle brand elements.

#E0C7B0 · #D1A18C · #A35C49

CSS variables

:root {
  --sunset-valley-glow-1: #F2E8DC;
  --sunset-valley-glow-2: #E0C7B0;
  --sunset-valley-glow-3: #D1A18C;
  --sunset-valley-glow-4: #BF7B66;
  --sunset-valley-glow-5: #A35C49;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-valley-glow": {
        1: "#F2E8DC",
        2: "#E0C7B0",
        3: "#D1A18C",
        4: "#BF7B66",
        5: "#A35C49",
      }
    }
  }
}

Related searches

serene sunset palettewarm valley colorsnatural gradient schemepeaceful earthy tonesrustic elegant design

Palette colors

Hex values

Color 1#F2E8DC
·
Color 2#E0C7B0
·
Color 3#D1A18C
·
Color 4#BF7B66
·
Color 5#A35C49
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.8:1Fail
4.1:1AA18
2
1.3:1Fail
1.4:1Fail
2.1:1Fail
3.1:1AA18
3
1.9:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.8:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
4.1:1AA18
3.1:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Sunset Valley Glow

View all warm