Back to palettes

Palette

Arid Rose Petal

Subdued, sandy pinks and muted beiges reminiscent of desert flora in soft, diffused light.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Rose Petal 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 Arid Rose Petal.

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

Data visualization

#D1B2A1#E8D3C4#F2E3D8#F9F2EB#BA9A8D

Palette guide

How to use Arid Rose Petal

Overview

The Arid Rose Petal palette presents a delicate collection of subdued, sandy pinks and muted beiges, evoking the soft, diffused light of a desert landscape. This elegant palette, featuring tones like the gentle `#D1B2A1`, ethereal `#E8D3C4`, and almost-white `#F2E3D8`, is perfect for designers and developers aiming for a sophisticated yet approachable feel. The inclusion of `#F9F2EB` provides a near-neutral base, while `#BA9A8D` grounds the composition with a deeper, warm hue. This collection is particularly suited for designs that require a touch of understated warmth, femininity, or natural elegance without being overtly vibrant.

Best used for

  • Feminine or luxury product branding
  • Wedding invitations and event collateral
  • Beauty and skincare website designs
  • Soft, inviting e-commerce interfaces
  • Editorial layouts with a delicate touch
  • Interior design concepts for tranquil bedrooms

Suggested color roles

primary

Use `#D1B2A1` as a primary color for large content blocks or brand elements, offering a warm and inviting presence.

secondary

Employ `#E8D3C4` for secondary backgrounds or supporting graphics, creating a light and airy feel.

accent

Apply `#BA9A8D` for subtle accents, calls-to-action, or important headings, providing a soft yet clear emphasis.

background

Utilize `#F9F2EB` or `#F2E3D8` as a clean, soft background that allows other colors and content to stand out gently.

text

For optimal readability, use `#BA9A8D` for headings. For body text, a dark brown or charcoal is recommended against the lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing text in `#BA9A8D` with lighter backgrounds like `#F9F2EB` or `#E8D3C4`.
  • Avoid using very light text colors (e.g., `#F9F2EB`) on other light background tones as contrast will be insufficient.
  • Test all color combinations for text and interactive elements against WCAG guidelines, especially for smaller font sizes.
  • Consider a darker, highly contrasting color (like a dark brown or black) for crucial body text to guarantee readability.

Recommended combinations

Soft Bloom

Ideal for creating a gentle, layered effect in website headers or product showcases.

#F9F2EB · #E8D3C4 · #D1B2A1

Petal Depth

Effective for defining content sections, card backgrounds, or subtle interactive elements.

#E8D3C4 · #D1B2A1 · #BA9A8D

Desert Rose

Can be used for a brand's main color scheme, offering both lightness and a grounding deeper tone.

#F2E3D8 · #D1B2A1 · #BA9A8D

CSS variables

:root {
  --arid-rose-petal-1: #D1B2A1;
  --arid-rose-petal-2: #E8D3C4;
  --arid-rose-petal-3: #F2E3D8;
  --arid-rose-petal-4: #F9F2EB;
  --arid-rose-petal-5: #BA9A8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-rose-petal": {
        1: "#D1B2A1",
        2: "#E8D3C4",
        3: "#F2E3D8",
        4: "#F9F2EB",
        5: "#BA9A8D",
      }
    }
  }
}

Related searches

muted rose palettesandy pink color schemedelicate neutral colorssoft feminine brandingdesert inspired aesthetic

Palette colors

Hex values

Color 1#D1B2A1
·
Color 2#E8D3C4
·
Color 3#F2E3D8
·
Color 4#F9F2EB
·
Color 5#BA9A8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
1.8:1Fail
1.3:1Fail
2
1.4:1Fail
1.2:1Fail
1.3:1Fail
1.8:1Fail
3
1.6:1Fail
1.2:1Fail
1.1:1Fail
2.1:1Fail
4
1.8:1Fail
1.3:1Fail
1.1:1Fail
2.3:1Fail
5
1.3:1Fail
1.8:1Fail
2.1:1Fail
2.3:1Fail

Similar palettes

More like Arid Rose Petal

View all neutral
Desert Wind Whisper
Muted Linen Study
Whispering Sands Dune
Archivist's Quill Ink
Arid Plains Vista
Celestial Dust