Back to palettes

Palette

Golden Villa Fields

Warm, sun-baked golds and oranges evoke the picturesque fields and villas of Tuscany.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Villa Fields 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 Golden Villa Fields.

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

Data visualization

#FCEEC8#E6C185#CC985B#B2713C#8C4C1C

Palette guide

How to use Golden Villa Fields

Overview

The Golden Villa Fields palette captures the sun-baked charm of Tuscan landscapes, offering a radiant spectrum from light cream to deep, earthy orange. Starting with the bright #FCEEC8, it flows through the golden #E6C185 and the rich #CC985B, descending into the more intense #B2713C and the deep, grounding #8C4C1C. This palette is perfect for projects aiming to evoke warmth, natural beauty, and a touch of rustic elegance. It brings to mind sun-drenched fields and ancient architecture, providing a vibrant yet comforting aesthetic.

Best used for

  • Travel and tourism branding (especially Mediterranean)
  • Food and beverage packaging or restaurant interiors
  • Rustic or Tuscan-themed event design
  • Natural skincare and cosmetic branding
  • Websites and apps with a warm, inviting user experience
  • Home decor and furniture inspired by natural materials

Suggested color roles

primary

Use #B2713C for prominent elements like headers, key buttons, or primary brand accents, offering a strong, earthy presence.

secondary

Apply #CC985B or #E6C185 for supporting graphics, background sections, or secondary branding, maintaining warmth.

accent

Employ #8C4C1C for deep contrast, important call-to-actions, or small, impactful details to add richness.

background

Utilize #FCEEC8 for clean, bright backgrounds that provide an airy, sunlit feel and excellent contrast for darker text.

text

For optimal readability on light backgrounds like #FCEEC8, use #8C4C1C or a deep charcoal. On darker tones, crisp white text is recommended.

Accessibility notes

  • Ensure high contrast between text and background, especially when using lighter shades like #E6C185 for text on #FCEEC8.
  • The darker shades, such as #8C4C1C, offer good contrast for text on #FCEEC8, meeting WCAG AA standards.
  • Avoid using mid-tone colors like #CC985B for small text on similar background tones.
  • For interactive elements, confirm a minimum 3:1 contrast ratio against surrounding colors.

Recommended combinations

Sunny Vista

Ideal for gradients or layered elements that transition from light to warm golden hues.

#FCEEC8 · #E6C185 · #CC985B

Deep Earth

For strong, grounding sections or high-contrast textual elements in a natural setting.

#B2713C · #8C4C1C · #E6C185

Tuscan Glow

A balanced combination for main branding elements, offering both light and depth.

#FCEEC8 · #CC985B · #8C4C1C

CSS variables

:root {
  --golden-villa-fields-1: #FCEEC8;
  --golden-villa-fields-2: #E6C185;
  --golden-villa-fields-3: #CC985B;
  --golden-villa-fields-4: #B2713C;
  --golden-villa-fields-5: #8C4C1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-villa-fields": {
        1: "#FCEEC8",
        2: "#E6C185",
        3: "#CC985B",
        4: "#B2713C",
        5: "#8C4C1C",
      }
    }
  }
}

Related searches

tuscan color schemegolden earth tonessunbaked color paletterustic gold colorsnatural warm design

Palette colors

Hex values

Color 1#FCEEC8
·
Color 2#E6C185
·
Color 3#CC985B
·
Color 4#B2713C
·
Color 5#8C4C1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3.4:1AA18
5.8:1AA
2
1.5:1Fail
1.5:1Fail
2.3:1Fail
3.9:1AA18
3
2.2:1Fail
1.5:1Fail
1.5:1Fail
2.6:1Fail
4
3.4:1AA18
2.3:1Fail
1.5:1Fail
1.7:1Fail
5
5.8:1AA
3.9:1AA18
2.6:1Fail
1.7:1Fail

Similar palettes

More like Golden Villa Fields

View all warm