Back to palettes

Palette

Mediterranean Coastal Art

Bright blues and warm oranges evoke the picturesque charm of sun-drenched Mediterranean coasts.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mediterranean Coastal Art 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 Mediterranean Coastal Art.

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

Data visualization

#2B65EC#6A9BFF#8ECBEF#FFDAA7#FFA500

Palette guide

How to use Mediterranean Coastal Art

Overview

The Mediterranean Coastal Art palette is a vibrant and expressive collection, featuring bright blues and warm oranges that evoke the picturesque charm of sun-drenched Mediterranean coasts. Bold colors like #2B65EC (royal blue) and #FFA500 (orange) create a dynamic contrast, while #6A9BFF (cornflower blue) and #8ECBEF (light blue) offer softer transitions. The creamy #FFDAA7 (peach) provides a warm, sandy base, making this palette ideal for designers and developers seeking to create engaging, lively, and art-inspired digital experiences or physical products. It perfectly captures an energetic and joyful mood, reminiscent of coastal artistry.

Best used for

  • Art galleries and creative portfolios
  • Tourism marketing for vibrant coastal regions
  • Event branding for festivals or celebrations
  • Vibrant e-commerce platforms (e.g., fashion, decor)
  • Children's educational apps or games
  • Digital art and illustration projects

Suggested color roles

primary

Designate #2B65EC as the strong primary for calls-to-action, main navigation, or crucial branding elements, providing a bold, artistic anchor.

secondary

Utilize #FFA500 for vibrant contrast in headings, secondary buttons, or background accents, adding warmth and energy.

accent

Introduce #6A9BFF for bright highlights, interactive elements, or subtle design flourishes, offering a lighter, playful blue.

background

Employ #8ECBEF as a light, airy background, creating an open canvas that allows the vibrant colors to pop.

text

For optimal readability, #2B65EC provides a strong contrast on #8ECBEF for body text, or use a very dark blue (#1A3A8A) or black for maximum legibility.

Accessibility notes

  • Ensure high contrast for text on #8ECBEF; #2B65EC works well, but lighter colors may not.
  • Be mindful of blue-yellow/orange contrast for color vision deficiencies; verify legibility.
  • Avoid using #FFDAA7 for small text on light backgrounds due to potential low contrast.
  • Test color pairings, especially for interactive elements, to ensure they are clearly distinguishable.

Recommended combinations

Sunny Coast

Create a vibrant layout with #8ECBEF as background, #2B65EC for prominent titles, and #FFA500 for striking calls-to-action.

#8ECBEF · #2B65EC · #FFA500

Artistic Pop

Apply #FFDAA7 for card backgrounds, #6A9BFF for icons or subtle patterns, and #FFA500 for key accent details.

#FFDAA7 · #6A9BFF · #FFA500

Vibrant Display

Use #8ECBEF as a clean canvas, #2B65EC for navigation, and #FFA500 for feature boxes or attention-grabbing elements.

#8ECBEF · #2B65EC · #FFA500

CSS variables

:root {
  --mediterranean-coastal-art-1: #2B65EC;
  --mediterranean-coastal-art-2: #6A9BFF;
  --mediterranean-coastal-art-3: #8ECBEF;
  --mediterranean-coastal-art-4: #FFDAA7;
  --mediterranean-coastal-art-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-coastal-art": {
        1: "#2B65EC",
        2: "#6A9BFF",
        3: "#8ECBEF",
        4: "#FFDAA7",
        5: "#FFA500",
      }
    }
  }
}

Related searches

mediterranean art palettecoastal vibrant colorsblue orange scheme designsun drenched web designcreative europe color palette

Palette colors

Hex values

Color 1#2B65EC
·
Color 2#6A9BFF
·
Color 3#8ECBEF
·
Color 4#FFDAA7
·
Color 5#FFA500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.9:1Fail
3.8:1AA18
2.5:1Fail
2
1.9:1Fail
1.5:1Fail
2:1Fail
1.4:1Fail
3
2.9:1Fail
1.5:1Fail
1.3:1Fail
1.1:1Fail
4
3.8:1AA18
2:1Fail
1.3:1Fail
1.5:1Fail
5
2.5:1Fail
1.4:1Fail
1.1:1Fail
1.5:1Fail

Similar palettes

More like Mediterranean Coastal Art

View all vibrant
Meadow Bloom Burst
Retro Galactic Flight
Sunny Citrus Burst
Sunny Citrus Punch
Tropical Burst
Aegean Coastline Bliss