Back to palettes

Palette

Adobe Sunset Glow

Reflects the tranquil, sun-baked hues of an adobe village as the desert sun dips below the horizon.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C15B4C#E18F6B#F0B187#F9D3B2#9A5D44

Palette guide

How to use Adobe Sunset Glow

Overview

The Adobe Sunset Glow palette reflects the tranquil, sun-baked hues of an adobe village as the desert sun dips below the horizon. This collection, featuring the warm #C15B4C and radiant #E18F6B, alongside the soft #F0B187 and #F9D3B2, is perfect for designs seeking a natural, rustic, or serene aesthetic. The grounding #9A5D44 provides a stable anchor, evoking rich earth and aged wood. Designers and developers can leverage this palette for lifestyle brands, eco-friendly products, or any project that benefits from an inviting, gentle, and authentic presence, ensuring a calming and memorable user experience with a touch of warm elegance.

Best used for

  • Eco-friendly product packaging and branding
  • Wellness and mindfulness app interfaces
  • Artisanal craft websites or online stores
  • Home decor and furniture catalogs
  • Travel blogs focusing on natural landscapes
  • Rustic event invitations and decor

Suggested color roles

primary

Use #9A5D44 as a deep, grounding primary for backgrounds or foundational elements, evoking solid earth.

secondary

Apply #C15B4C or #E18F6B for headers, important sections, or visual accents, bringing warmth and character.

accent

Introduce #F0B187 as a soft, luminous accent for interactive elements, highlights, or decorative details, mimicking the gentle glow.

background

The light #F9D3B2 provides a warm, airy background, while #9A5D44 offers a deeper, more rustic base.

text

For lighter backgrounds, use a dark brown like #9A5D44 or charcoal. For dark backgrounds, a crisp white or light cream ensures readability.

Accessibility notes

  • Ensure good contrast when using #C15B4C or #E18F6B for text; white or a very light cream often works best.
  • The lightest color, #F9D3B2, offers excellent contrast with the darkest #9A5D44 for primary text.
  • Avoid placing #E18F6B directly on #F0B187 for small text; larger headings might work but verify contrast.
  • Prioritize clear typography and sufficient line height to maintain readability within this warm, gentle scheme.

Recommended combinations

Village Sunset

Creates a smooth, warm gradient for backgrounds or banners, transitioning from deep earth to a soft sunset glow.

#9A5D44 · #C15B4C · #E18F6B

Sun-baked Wall

Pairs a light, warm background with a deep brown for content, ensuring legibility with a dark text.

#F9D3B2 · #9A5D44 · #E18F6B

Gentle Glow

Ideal for creating soft, luminous accents or subtle transitions, evoking a peaceful, sun-kissed atmosphere.

#E18F6B · #F0B187 · #F9D3B2

CSS variables

:root {
  --adobe-sunset-glow-1: #C15B4C;
  --adobe-sunset-glow-2: #E18F6B;
  --adobe-sunset-glow-3: #F0B187;
  --adobe-sunset-glow-4: #F9D3B2;
  --adobe-sunset-glow-5: #9A5D44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "adobe-sunset-glow": {
        1: "#C15B4C",
        2: "#E18F6B",
        3: "#F0B187",
        4: "#F9D3B2",
        5: "#9A5D44",
      }
    }
  }
}

Related searches

adobe village colorstranquil desert palettewarm rustic terracottasouthwest natural tonessunset glow orange

Palette colors

Hex values

Color 1#C15B4C
·
Color 2#E18F6B
·
Color 3#F0B187
·
Color 4#F9D3B2
·
Color 5#9A5D44
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.3:1Fail
3.1:1AA18
1.2:1Fail
2
1.7:1Fail
1.4:1Fail
1.8:1Fail
2.1:1Fail
3
2.3:1Fail
1.4:1Fail
1.3:1Fail
2.8:1Fail
4
3.1:1AA18
1.8:1Fail
1.3:1Fail
3.7:1AA18
5
1.2:1Fail
2.1:1Fail
2.8:1Fail
3.7:1AA18

Similar palettes

More like Adobe Sunset Glow

View all earth