Back to palettes

Palette

Aegean Village

Warm, sunbaked colors meeting cool sea tones, inspired by picturesque villages overlooking the Aegean Sea.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F4A460#DAA520#B22222#4682B4#6A5ACD

Palette guide

How to use Aegean Village

Overview

The Aegean Village palette features warm, sunbaked colors meeting cool sea tones, inspired by picturesque villages overlooking the Aegean Sea. This diverse collection includes a vibrant orange #F4A460, a golden yellow #DAA520, a deep brick red #B22222, a calming steel blue #4682B4, and a rich slate blue #6A5ACD. It's perfect for designers aiming to capture the lively yet tranquil essence of Mediterranean life. Developers will find these contrasting yet complementary hex codes excellent for creating engaging, characterful interfaces and branding that feels authentic and inviting.

Best used for

  • Mediterranean restaurant branding
  • Travel websites focusing on Greece
  • Rustic home decor businesses
  • Cultural festival promotions
  • Art and craft websites
  • Food and beverage packaging

Suggested color roles

primary

Use #4682B4 as a grounding primary for main headings or large sections, representing the sea's calm.

secondary

Employ #F4A460 for secondary elements or backgrounds, bringing in sunbaked warmth.

accent

Apply #B22222 sparingly for calls to action or key highlights, providing a bold, traditional pop.

background

A light cream or off-white (e.g., #F9F9F9) would complement all colors, or use #DAA520 for a warm base.

text

Dark brown or black (#333333) works well on lighter tones, while white text is ideal on #B22222 and #4682B4.

Accessibility notes

  • Ensure high contrast when using #F4A460 or #DAA520 for text; a dark text color is essential.
  • The combination of #DAA520 and #F4A460 for text/background will likely not meet contrast standards.
  • White text on #B22222, #4682B4, and #6A5ACD should provide sufficient contrast.
  • Consider providing a dark mode option if the primary palette relies heavily on mid-tone colors for text.

Recommended combinations

Village Sunset

For headers or hero sections, evoking warm evening light.

#F4A460 · #DAA520 · #B22222

Sea & Stone

Ideal for balancing cool and warm elements in UI design or illustrations.

#4682B4 · #6A5ACD · #F4A460

Rustic Vista

Effective for creating distinct content blocks with a traditional Mediterranean feel.

#DAA520 · #B22222 · #4682B4

CSS variables

:root {
  --aegean-village-1: #F4A460;
  --aegean-village-2: #DAA520;
  --aegean-village-3: #B22222;
  --aegean-village-4: #4682B4;
  --aegean-village-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aegean-village": {
        1: "#F4A460",
        2: "#DAA520",
        3: "#B22222",
        4: "#4682B4",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

mediterranean village colorsgreek coastal palettewarm and cool color schemerustic travel colorssunbaked earth and sea

Palette colors

Hex values

Color 1#F4A460
·
Color 2#DAA520
·
Color 3#B22222
·
Color 4#4682B4
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.3:1AA18
2:1Fail
2.6:1Fail
2
1.1:1Fail
3:1Fail
1.8:1Fail
2.4:1Fail
3
3.3:1AA18
3:1Fail
1.6:1Fail
1.3:1Fail
4
2:1Fail
1.8:1Fail
1.6:1Fail
1.3:1Fail
5
2.6:1Fail
2.4:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Aegean Village

View all earth
Aegean Cliffside Home
Coastal Clay Hues
Mediterranean Clay Harvest
Mediterranean Clay Roof
Mediterranean Clay Tile
Mediterranean Terra cotta