Back to palettes

Palette

Sun Drenched Provence

Capturing the vibrant warmth of a sun-drenched Provençal landscape, with terracotta, lavender, and golden fields.

Earthnatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun Drenched Provence 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 Sun Drenched Provence.

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

Data visualization

#B22222#D2691E#F0E68C#BA55D3#A9A9A9

Palette guide

How to use Sun Drenched Provence

Overview

The Sun Drenched Provence palette evokes the rustic charm and vibrant hues of southern France. Featuring a rich terracotta red (#B22222), a warm burnt orange (#D2691E), a bright golden yellow (#F0E68C), a soft lavender purple (#BA55D3), and a grounding grey (#A9A9A9), this collection offers a balanced blend of warmth and subtle coolness. Ideal for projects aiming for a natural, rustic, or traditionally elegant aesthetic, it guides designers and developers in crafting inviting digital and physical experiences that resonate with a timeless, sun-kissed appeal. Its versatility allows for both bold statements and delicate harmonies.

Best used for

  • Rustic home decor websites and blogs
  • Artisan product branding (pottery, textiles)
  • Mediterranean-themed restaurant interiors or menus
  • Travel agency websites focusing on European destinations
  • Wedding invitations with a natural, vintage feel
  • Editorial design for lifestyle magazines

Suggested color roles

primary

Use #B22222 (Terracotta Red) as a dominant color for headings or call-to-action buttons, conveying warmth and tradition.

secondary

#D2691E (Burnt Orange) complements the primary, suitable for subheadings or secondary navigation elements, adding depth.

accent

#BA55D3 (Lavender Purple) provides a charming, unexpected pop of color for icons, highlights, or decorative elements.

background

A light, near-white shade (like #FDFDFD) or a soft grey like #A9A9A9 for background elements to ensure readability and a clean feel.

text

For main body text, a dark charcoal like #333333 is recommended, with #B22222 or #D2691E for emphasis where contrast allows.

Accessibility notes

  • Ensure #B22222 and #D2691E have sufficient contrast against light backgrounds (e.g., #F0E68C or white) for text legibility.
  • #F0E68C (Golden Yellow) should only be used for large graphic elements or as a background, as it typically lacks contrast for text.
  • Pair #BA55D3 (Lavender) with very dark text or a light background to meet WCAG contrast guidelines.
  • Use #A9A9A9 (Grey) carefully for text; consider a darker grey like #666666 for better readability, especially for small fonts.

Recommended combinations

Rustic Warmth

Ideal for conveying a cozy, sun-baked atmosphere in headers or hero sections.

#B22222 · #D2691E · #F0E68C

Lavender Fields

Creates a delicate, airy feel, perfect for subtle branding or decorative accents.

#BA55D3 · #A9A9A9 · #F0E68C

Earthy Foundations

Strong and grounded, suitable for footers, navigation, or structural elements.

#D2691E · #A9A9A9 · #B22222

CSS variables

:root {
  --sun-drenched-provence-1: #B22222;
  --sun-drenched-provence-2: #D2691E;
  --sun-drenched-provence-3: #F0E68C;
  --sun-drenched-provence-4: #BA55D3;
  --sun-drenched-provence-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-provence": {
        1: "#B22222",
        2: "#D2691E",
        3: "#F0E68C",
        4: "#BA55D3",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

provence color schemerustic terracotta palettelavender yellow color combinationwarm earthy design colorsmediterranean color inspiration

Palette colors

Hex values

Color 1#B22222
·
Color 2#D2691E
·
Color 3#F0E68C
·
Color 4#BA55D3
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
5.2:1AA
1.7:1Fail
2.8:1Fail
2
1.8:1Fail
2.8:1Fail
1.1:1Fail
1.5:1Fail
3
5.2:1AA
2.8:1Fail
3.1:1AA18
1.8:1Fail
4
1.7:1Fail
1.1:1Fail
3.1:1AA18
1.7:1Fail
5
2.8:1Fail
1.5:1Fail
1.8:1Fail
1.7:1Fail

Similar palettes

More like Sun Drenched Provence

View all Earth
Rustic Clay Artisan
Bohemian Earth Loom
Desert Mesa Clay
Golden Hour Vineyard
Moroccan Spice Market
Rustic Cabin Cozy