Back to palettes

Palette

Sun-Drenched Riviera

Bold and bright, this palette captures the lively, sun-soaked essence of the French Riviera.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFBE0B#FB5607#FF006E#8338EC#3A86FF

Palette guide

How to use Sun-Drenched Riviera

Overview

The Sun-Drenched Riviera palette is a burst of high-energy, vibrant colors capturing the lively spirit of the French coastline. It features a brilliant yellow (#FFBE0B), a dynamic orange (#FB5607), a passionate fuchsia (#FF006E), a regal purple (#8338EC), and a striking electric blue (#3A86FF). This collection is perfect for designers and developers looking to create engaging, modern, and youthful interfaces or products. Its bold nature makes it suitable for projects that require a strong visual impact and a memorable, energetic brand identity, reflecting the exhilarating mood of a summer vacation.

Best used for

  • Youth-oriented fashion or lifestyle brands
  • Event promotion and ticketing platforms
  • Digital marketing campaigns and social media graphics
  • Travel and tourism websites for vibrant destinations
  • Modern art or creative portfolio sites
  • Mobile application interfaces

Suggested color roles

primary

#FF006E (Fuchsia) can serve as a bold primary for calls-to-action or key interactive elements, demanding attention.

secondary

#3A86FF (Electric Blue) offers a cool, energetic contrast, great for secondary navigation or informational sections.

accent

#FFBE0B (Brilliant Yellow) or #FB5607 (Dynamic Orange) provides a warm, sunny pop for highlights, icons, or progress indicators.

background

A clean white (#FFFFFF) or a very light grey to allow the vibrant colors to truly pop without visual clutter.

text

Use a deep charcoal (#222222) or black for body text, ensuring maximum readability against the bright palette.

Accessibility notes

  • Most colors in this palette are highly saturated; ensure text in these colors has sufficient contrast against backgrounds.
  • #FFBE0B (Yellow) will require very dark text (like black) to be legible, and is best used for large elements or backgrounds.
  • Avoid placing #FF006E (Fuchsia) directly next to #8338EC (Purple) or #3A86FF (Blue) for text, as color blindness might make them hard to distinguish.
  • For interactive elements, consider adding visual cues beyond color, especially for #FB5607 (Orange) and #FFBE0B (Yellow).

Recommended combinations

Energetic Pop

Creates a lively, warm, and attention-grabbing combination for hero sections or banners.

#FFBE0B · #FB5607 · #FF006E

Cool Vibrance

Offers a modern, electric feel, excellent for tech interfaces or dynamic branding.

#3A86FF · #8338EC · #FF006E

Bold Contrast

High-impact pairing for calls-to-action or distinct visual separation.

#FB5607 · #3A86FF · #FFBE0B

CSS variables

:root {
  --sun-drenched-riviera-1: #FFBE0B;
  --sun-drenched-riviera-2: #FB5607;
  --sun-drenched-riviera-3: #FF006E;
  --sun-drenched-riviera-4: #8338EC;
  --sun-drenched-riviera-5: #3A86FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-riviera": {
        1: "#FFBE0B",
        2: "#FB5607",
        3: "#FF006E",
        4: "#8338EC",
        5: "#3A86FF",
      }
    }
  }
}

Related searches

vibrant summer color schemeenergetic web design palettebright travel brand colorsmodern vivid color combinationsfrench riviera inspired hues

Palette colors

Hex values

Color 1#FFBE0B
·
Color 2#FB5607
·
Color 3#FF006E
·
Color 4#8338EC
·
Color 5#3A86FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.3:1Fail
3.4:1AA18
2.1:1Fail
2
2:1Fail
1.2:1Fail
1.7:1Fail
1.1:1Fail
3
2.3:1Fail
1.2:1Fail
1.5:1Fail
1.1:1Fail
4
3.4:1AA18
1.7:1Fail
1.5:1Fail
1.6:1Fail
5
2.1:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail

Similar palettes

More like Sun-Drenched Riviera

View all vibrant
Circus Ring Excitement
Citrus Garden Punch
Coral Reef Dawn
Coral Reef Dawn
Fiesta Street Parade
Island Drink Splash