Back to palettes

Palette

Sunny Amalfi Zest

A cheerful collection of sun-drenched yellows and sparkling blues, inspired by coastal Italian lemon groves and the sea.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunny Amalfi Zest 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 Sunny Amalfi Zest.

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

Data visualization

#FFD700#FBE08B#87CEEB#E8F5FF#2F6690

Palette guide

How to use Sunny Amalfi Zest

Overview

The Sunny Amalfi Zest palette is a cheerful and vibrant collection, inspired by the sun-drenched lemon groves and sparkling blue waters of the Italian coast. It features the brilliant #FFD700 (Gold), the soft #FBE08B (Light Yellow), contrasted with the serene #87CEEB (Sky Blue), the airy #E8F5FF (Alice Blue), and the deep #2F6690 (Steel Blue). This palette is perfect for designs that aim to convey energy, freshness, and a Mediterranean holiday feel. Designers can use its lively combination of yellows and blues to create engaging and refreshing visual experiences.

Best used for

  • Travel and tourism branding for coastal destinations
  • Italian restaurant or cafe branding
  • Summer fashion and lifestyle products
  • Citrus-themed food and beverage packaging
  • Websites and apps with a cheerful, energetic feel
  • Mediterranean-inspired home decor

Suggested color roles

primary

Use #FFD700 for impactful headlines, call-to-action buttons, or main interactive elements to convey immediate cheerfulness and energy.

secondary

Employ #87CEEB for supportive elements, subheadings, or as a backdrop for content that needs a refreshing, calming contrast.

accent

Apply #2F6690 sparingly for sophisticated accents, icons, or typography details to add depth and a touch of professional elegance.

background

Utilize #E8F5FF for clean, expansive backgrounds that allow the vibrant colors to pop, maintaining an airy and fresh aesthetic.

text

Pair with a dark neutral like black or a deep charcoal #222222 for body text, providing maximum readability against the bright palette, or #2F6690 for a cohesive look.

Accessibility notes

  • Ensure sufficient contrast when pairing #FFD700 or #FBE08B with light backgrounds for text readability.
  • The darker #2F6690 provides excellent contrast for text on #E8F5FF or #FBE08B.
  • Verify WCAG 2.1 AA contrast ratios for all text and interactive elements, especially with the bright yellow.
  • Avoid placing light blue text on light yellow backgrounds, or vice versa, for critical information.

Recommended combinations

Coastal Zest

Ideal for vibrant branding, travel websites, or marketing materials evoking a sunny, Mediterranean feel.

#FFD700 · #87CEEB · #2F6690

Lemon Sky

Suitable for clean UI design, background elements, or illustrations requiring a light, refreshing, and airy feel.

#FBE08B · #E8F5FF · #87CEEB

Deep Blue Sun

Effective for data visualization, sophisticated accents, or creating visual hierarchy within a cheerful layout.

#2F6690 · #FFD700 · #FBE08B

CSS variables

:root {
  --sunny-amalfi-zest-1: #FFD700;
  --sunny-amalfi-zest-2: #FBE08B;
  --sunny-amalfi-zest-3: #87CEEB;
  --sunny-amalfi-zest-4: #E8F5FF;
  --sunny-amalfi-zest-5: #2F6690;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-amalfi-zest": {
        1: "#FFD700",
        2: "#FBE08B",
        3: "#87CEEB",
        4: "#E8F5FF",
        5: "#2F6690",
      }
    }
  }
}

Related searches

amalfi coast color paletteyellow blue design schememediterranean vibrant colorscitrus summer palettesunny travel brand colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FBE08B
·
Color 3#87CEEB
·
Color 4#E8F5FF
·
Color 5#2F6690
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.3:1Fail
4.4:1AA18
2
1.1:1Fail
1.3:1Fail
1.2:1Fail
4.7:1AA
3
1.2:1Fail
1.3:1Fail
1.6:1Fail
3.5:1AA18
4
1.3:1Fail
1.2:1Fail
1.6:1Fail
5.5:1AA
5
4.4:1AA18
4.7:1AA
3.5:1AA18
5.5:1AA

Similar palettes

More like Sunny Amalfi Zest

View all vibrant
Mediterranean Lemon Zest
Aegean Coastline Bliss
Mediterranean Citrus Light
Aurora Veil Lights
Citrus Burst Energy
Citrus Burst Zest