Back to palettes

Palette

Ancient Aegean Sea

Depths of ancient blues, gradually lightening like ocean waters under a clear sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#003F5C#2F5B7B#628395#A3BCC5#DAEBF2

Palette guide

How to use Ancient Aegean Sea

Overview

The Ancient Aegean Sea palette captures the serene depths of ancient blues, gradually lightening like ocean waters under a clear sky. Ranging from the profound `#003F5C` to the airy `#DAEBF2`, this palette offers designers and developers a calming and sophisticated range of hues. The balanced mid-tones, `#2F5B7B`, `#628395`, and `#A3BCC5`, ensure harmonious transitions, making it ideal for projects seeking to evoke tranquility, clarity, and a timeless elegance. Its cool, expansive nature is perfect for creating immersive user experiences and refined visual narratives.

Best used for

  • Coastal resort and travel agency branding
  • Marine conservation websites or apps
  • Luxury yacht and nautical design
  • Spa and wellness brand identity
  • Clean and minimalist UI designs
  • Educational content about ancient civilizations

Suggested color roles

primary

Use `#003F5C` as a grounding primary color for headers, main navigation, or key brand elements to convey depth and authority.

secondary

Apply `#2F5B7B` for supporting content blocks, subheadings, or secondary calls to action, maintaining visual harmony and a cool tone.

accent

Utilize `#DAEBF2` for delicate highlights, hover states, or subtle background patterns to add an ethereal, airy touch.

background

The lightest shade, `#DAEBF2`, provides a clean, serene canvas. `#A3BCC5` can be used for slightly richer, yet still light, sections.

text

For dark text on light backgrounds, `#003F5C` or black offers excellent readability. For light text on dark backgrounds, use white or `#DAEBF2`.

Accessibility notes

  • Ensure `#003F5C` provides strong contrast for text against `#DAEBF2` and `#A3BCC5` backgrounds.
  • Verify contrast ratios for `#2F5B7B` and `#628395` when used for text against various background colors within the palette.
  • Avoid using `#DAEBF2` for small text on very light backgrounds to prevent legibility issues.
  • Consider using bold font weights for text in mid-tone shades like `#628395` on slightly darker backgrounds like `#2F5B7B`.

Recommended combinations

Ocean Depths

Excellent for creating deep, immersive backgrounds or strong brand statements in headers and footers, mimicking deep ocean.

#003F5C · #2F5B7B · #628395

Coastal Shallows

Ideal for soft gradients, clean content areas, or delicate UI elements that evoke calm and lightness.

#DAEBF2 · #A3BCC5 · #628395

Aegean Horizon

Suited for balancing deep tones with light accents, such as calls to action or emphasized content in a marine theme.

#2F5B7B · #DAEBF2 · #003F5C

CSS variables

:root {
  --ancient-aegean-sea-1: #003F5C;
  --ancient-aegean-sea-2: #2F5B7B;
  --ancient-aegean-sea-3: #628395;
  --ancient-aegean-sea-4: #A3BCC5;
  --ancient-aegean-sea-5: #DAEBF2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-aegean-sea": {
        1: "#003F5C",
        2: "#2F5B7B",
        3: "#628395",
        4: "#A3BCC5",
        5: "#DAEBF2",
      }
    }
  }
}

Related searches

aegean blue color paletteoceanic design colorscalming blue schememediterranean UI designcool water tones

Palette colors

Hex values

Color 1#003F5C
·
Color 2#2F5B7B
·
Color 3#628395
·
Color 4#A3BCC5
·
Color 5#DAEBF2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.7:1AA
9.2:1AAA
2
1.6:1Fail
1.8:1Fail
3.6:1AA18
5.9:1AA
3
2.8:1Fail
1.8:1Fail
2:1Fail
3.3:1AA18
4
5.7:1AA
3.6:1AA18
2:1Fail
1.6:1Fail
5
9.2:1AAA
5.9:1AA
3.3:1AA18
1.6:1Fail

Similar palettes

More like Ancient Aegean Sea

View all cool
Aegean Horizon
Aegean Sea Serene
Azure Bay Retreat
Coastal Seafoam Dream
Deep Sea Flora Bed
Ocean Spray Calm