Back to palettes

Palette

Aegean Azure Sun

Captures the bright skies, ancient stone, and lush greens of a sun-baked coastal village.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aegean Azure Sun 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 Aegean Azure Sun.

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

Data visualization

#6CB4EE#D48F6A#F0EAD6#60764D#FFFFFF

Palette guide

How to use Aegean Azure Sun

Overview

The Aegean Azure Sun palette captures the vibrant essence of a sun-baked Mediterranean village, blending clear blues with warm earth tones and crisp white. Featuring the bright #6CB4EE, the inviting #D48F6A, and the serene #F0EAD6, this collection is perfect for designs seeking a fresh, natural, or coastal aesthetic. The grounding #60764D provides a touch of lush greenery, while pure #FFFFFF offers a clean, airy base. Designers and developers can leverage this palette for travel brands, healthy lifestyle products, or any project that benefits from a cheerful, outdoor, and authentic presence, ensuring a lively and memorable user experience.

Best used for

  • Mediterranean travel and tourism websites
  • Coastal resort and hotel branding
  • Summer fashion and lifestyle e-commerce
  • Organic food and natural product packaging
  • Outdoor living and garden design
  • Healthy living blogs and apps

Suggested color roles

primary

Use #6CB4EE as a vibrant primary for headers, hero sections, or key calls to action, evoking clear skies.

secondary

Apply #D48F6A for content blocks or secondary sections, offering a warm, inviting contrast.

accent

Introduce #60764D as an earthy accent for decorative elements, icons, or a touch of natural grounding.

background

The pure #FFFFFF provides an excellent clean, airy background, while #F0EAD6 offers a slightly warmer, softer base.

text

For lighter backgrounds, use a dark blue like #6CB4EE or a deep charcoal. For #6CB4EE, a crisp white ensures readability.

Accessibility notes

  • Ensure good contrast when using #6CB4EE or #D48F6A for text on backgrounds; white text is often best on these.
  • Pure #FFFFFF offers excellent contrast with all darker colors in the palette for primary text.
  • The earthy #60764D should be paired with light text or used on a light background for optimal readability.
  • Avoid using #F0EAD6 for small text on #FFFFFF; larger headings might work but verify contrast.

Recommended combinations

Coastal Breeze

Pairs a crisp white background with a vibrant blue and warm accent for a fresh, inviting coastal feel.

#FFFFFF · #6CB4EE · #D48F6A

Sun-drenched Earth

Creates a warm, natural background with a grounding green for content, ensuring legibility with dark text.

#F0EAD6 · #60764D · #D48F6A

Vibrant Aegean

Ideal for creating dynamic visual elements or layered backgrounds, reflecting the diverse elements of the Aegean landscape.

#6CB4EE · #D48F6A · #F0EAD6

CSS variables

:root {
  --aegean-azure-sun-1: #6CB4EE;
  --aegean-azure-sun-2: #D48F6A;
  --aegean-azure-sun-3: #F0EAD6;
  --aegean-azure-sun-4: #60764D;
  --aegean-azure-sun-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aegean-azure-sun": {
        1: "#6CB4EE",
        2: "#D48F6A",
        3: "#F0EAD6",
        4: "#60764D",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

mediterranean color schemeazure and terracotta palettecoastal summer colorsgreek island paletteearthy blue white

Palette colors

Hex values

Color 1#6CB4EE
·
Color 2#D48F6A
·
Color 3#F0EAD6
·
Color 4#60764D
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
2.2:1Fail
2.2:1Fail
2
1.2:1Fail
2.2:1Fail
1.9:1Fail
2.6:1Fail
3
1.9:1Fail
2.2:1Fail
4.2:1AA18
1.2:1Fail
4
2.2:1Fail
1.9:1Fail
4.2:1AA18
5:1AA
5
2.2:1Fail
2.6:1Fail
1.2:1Fail
5:1AA

Similar palettes

More like Aegean Azure Sun

View all vibrant
Arid Cactus Blossom
Berry Basket Harvest
Blossom Field Chorus
Botanist's Herbarium Sheet
Cactus Blossom Kiss
Coral Lagoon Whisper