Palette

Sun Drenched Piazza

Invoking the sun-baked charm of an Italian square, alive with warmth and rustic beauty.

Warmnatural5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C45B3F#FBC02D#6B8E23#F8F0E3#3D5A80

Palette guide

How to use Sun Drenched Piazza

Overview

The Sun Drenched Piazza palette invokes the sun-baked charm of an Italian square, alive with warmth and rustic beauty. This distinctive collection features the terracotta warmth of `#C45B3F`, the sunny vibrancy of `#FBC02D`, and a refreshing contrast from `#3D5A80`. With the organic touch of `#6B8E23` and the soft, neutral base of `#F8F0E3`, designers and developers can craft rich, inviting, and memorable experiences. This palette is expertly balanced, offering both energetic warmth and sophisticated coolness, making it incredibly versatile for conveying a sense of heritage, comfort, and lively Mediterranean flair across various digital and print applications.

Best used for

Italian restaurant or cafe branding
Travel and tourism promotions (Mediterranean focus)
Rustic home goods and decor websites
Food packaging for artisanal products
Cultural event and festival marketing
Historical or heritage-themed projects

Suggested color roles

primary

Use `#C45B3F` for main brand elements, headlines, or key visual components to evoke warmth and tradition.

secondary

Apply `#FBC02D` for highlights, calls-to-action, or to bring a bright, sunny energy to your design.

accent

Employ `#3D5A80` as a cool, sophisticated accent for details, navigation, or to provide visual relief.

background

Utilize `#F8F0E3` as a clean, neutral background to allow the richer colors to truly pop and maintain readability.

text

For body text, a dark blue like `#3D5A80` or a classic charcoal works well. Headings can use `#C45B3F` for impact.

Accessibility notes

Ensure `#F8F0E3` as a background is paired with sufficiently dark text (e.g., `#3D5A80` or black) for readability.
Check contrast ratios carefully if using `#FBC02D` for text against light backgrounds; often requires larger font sizes.
The deep `#C45B3F` and `#3D5A80` provide excellent contrast for text when used on lighter colors in the palette.
Avoid low contrast pairings such as `#FBC02D` on `#F8F0E3` for critical information or small text.

Recommended combinations

Rustic Charm

A balanced, vibrant combination perfect for main branding, evoking Mediterranean warmth and sophistication.

#C45B3F · #FBC02D · #3D5A80

Mediterranean Sky

Ideal for creating a calm, natural background or header section with a serene, expansive feel.

#3D5A80 · #F8F0E3 · #6B8E23

Earthy Pop

Great for organic product highlights, earthy illustrations, or adding a natural, energetic touch.

#6B8E23 · #C45B3F · #FBC02D

CSS variables

:root {
  --sun-drenched-piazza-1: #C45B3F;
  --sun-drenched-piazza-2: #FBC02D;
  --sun-drenched-piazza-3: #6B8E23;
  --sun-drenched-piazza-4: #F8F0E3;
  --sun-drenched-piazza-5: #3D5A80;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-piazza": {
        1: "#C45B3F",
        2: "#FBC02D",
        3: "#6B8E23",
        4: "#F8F0E3",
        5: "#3D5A80",
      }
    }
  }
}

Hex values

Color 1#C45B3F

Color 2#FBC02D

Color 3#6B8E23

Color 4#F8F0E3

Color 5#3D5A80

Accessibility

Contrast checker

2.6:1Fail

1.1:1Fail

3.8:1AA18

1.7:1Fail

2.6:1Fail

2.3:1Fail

1.5:1Fail

4.3:1AA18

1.1:1Fail

2.3:1Fail

3.4:1AA18

1.9:1Fail

3.8:1AA18

1.5:1Fail

3.4:1AA18

6.2:1AA

1.7:1Fail

4.3:1AA18

1.9:1Fail

6.2:1AA

Similar palettes

More like Sun Drenched Piazza

View all Warm

Sunbaked Terracotta Earth

Golden Plains Sunlight