Back to palettes

Palette

Azure Bay Retreat

The refreshing and expansive blues of a serene bay, inviting calm reflection.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azure Bay Retreat 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 Azure Bay Retreat.

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

Data visualization

#007FFF#4169E1#6495ED#ADD8E6#87CEEB

Palette guide

How to use Azure Bay Retreat

Overview

The Azure Bay Retreat palette captures the refreshing and expansive blues of a serene bay, inviting calm reflection. It features a bright azure (#007FFF) and a vibrant royal blue (#4169E1), providing energetic clarity. A softer cornflower blue (#6495ED) adds a gentle touch, transitioning to a delicate light blue (#ADD8E6) and a serene light sky blue (#87CEEB). This palette is exceptionally useful for designers and developers aiming to create projects that exude calm, freshness, and a sense of peaceful openness. From travel and hospitality branding to refreshing website designs and tranquil digital artwork, these hex codes offer a versatile range for visually compelling experiences that inspire relaxation.

Best used for

  • Coastal travel and tourism branding
  • Wellness and spa retreat marketing
  • Refreshing website and app design
  • Ocean-themed digital art and illustrations
  • Serene interior design concepts
  • Environmental conservation campaigns

Suggested color roles

primary

Utilize #007FFF as a vibrant primary color for foundational elements or significant calls-to-action, conveying clarity and openness.

secondary

Employ #4169E1 for secondary headings or important content blocks, adding a strong, trustworthy blue hue.

accent

Highlight interactive elements or key information with #6495ED to ensure they pop with gentle yet effective appeal.

background

A light, expansive background of #ADD8E6 or #87CEEB creates a clean, serene canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use a deep navy or charcoal on lighter backgrounds, or a crisp white on #007FFF.

Accessibility notes

  • Ensure sufficient contrast between dark text (e.g., navy) and #ADD8E6 or #87CEEB backgrounds for WCAG AA compliance.
  • Avoid using #6495ED or #ADD8E6 for small text on similarly light backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially within the blue spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #4169E1 and #6495ED.

Recommended combinations

Bay Clarity

Creates a vibrant, clear base with a soft highlight, excellent for headers, navigation, or refreshing brand statements.

#007FFF · #4169E1 · #ADD8E6

Serene Flow

Ideal for subtle background gradients, tranquil content blocks, or graphic elements that evoke calm waters.

#6495ED · #87CEEB · #4169E1

Light Horizon

Use for a light, expansive background with vibrant text and a gentle supporting color, suitable for content cards or alerts.

#87CEEB · #007FFF · #6495ED

CSS variables

:root {
  --azure-bay-retreat-2-1: #007FFF;
  --azure-bay-retreat-2-2: #4169E1;
  --azure-bay-retreat-2-3: #6495ED;
  --azure-bay-retreat-2-4: #ADD8E6;
  --azure-bay-retreat-2-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azure-bay-retreat-2": {
        1: "#007FFF",
        2: "#4169E1",
        3: "#6495ED",
        4: "#ADD8E6",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

azure blue color schemeserene bay paletterefreshing blue hex codescalm water designcoastal aesthetic colors

Palette colors

Hex values

Color 1#007FFF
·
Color 2#4169E1
·
Color 3#6495ED
·
Color 4#ADD8E6
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
2.5:1Fail
2.2:1Fail
2
1.3:1Fail
1.6:1Fail
3.2:1AA18
2.8:1Fail
3
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.7:1Fail
4
2.5:1Fail
3.2:1AA18
1.9:1Fail
1.1:1Fail
5
2.2:1Fail
2.8:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Azure Bay Retreat

View all Cool
Muted Ocean Depth
Sea Spray Ocean
Aegean Coastline Muse
Alpine Lake Dawn
Aqua Shore Breeze
Aqua Tide Pool