Back to palettes

Palette

Azure Horizon Gaze

Vibrant blues of sea and sky meet a hint of peach, capturing the breathtaking serenity of a coastal dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azure Horizon Gaze 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 Horizon Gaze.

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

Data visualization

#007FFF#1E90FF#87CEFA#F0F8FF#FFA07A

Palette guide

How to use Azure Horizon Gaze

Overview

The Azure Horizon Gaze palette captures the breathtaking serenity of a coastal dawn, where vibrant blues of sea and sky meet a hint of peach. This collection includes the dynamic blues of #007FFF and #1E90FF, the soft sky blue of #87CEFA, the pristine near-white of #F0F8FF, and a warm, inviting #FFA07A. Designers and developers will find this palette excellent for creating engaging, uplifting, and slightly unconventional digital experiences. The unexpected touch of peach adds warmth and vibrancy to the cool blues, making it versatile for projects that aim to be both calming and memorable.

Best used for

  • Sunrise yoga studios branding
  • Coastal wedding websites
  • Travel blogs (adventurous)
  • Creative portfolios with a unique touch
  • Spa and relaxation apps (with warmth)
  • Fashion and lifestyle brands

Suggested color roles

primary

#007FFF serves as a vibrant and authoritative primary, perfect for calls to action, brand logos, or key headers that demand attention.

secondary

#1E90FF provides a slightly deeper, reliable secondary, suitable for subheadings, navigation, or supportive informational blocks.

accent

#FFA07A delivers a warm, inviting accent, ideal for subtle highlights, interactive elements, or a unique touch of warmth.

background

#F0F8FF creates an expansive, clean backdrop, ensuring content clarity and highlighting the vibrant blues and peach.

text

Use #007FFF or a deep charcoal for body text on #F0F8FF or #87CEFA backgrounds for optimal legibility.

Accessibility notes

  • Ensure #007FFF text on #F0F8FF backgrounds meets WCAG AA contrast standards.
  • Avoid using #87CEFA for small text on light backgrounds due to insufficient contrast.
  • Use #007FFF or #1E90FF for critical interactive elements to ensure clear visibility.
  • Exercise caution with #FFA07A for text on light backgrounds; ensure sufficient contrast.

Recommended combinations

Dawn Sky

Creates a soft, warm gradient, mimicking a sunrise sky, ideal for evocative backgrounds.

#F0F8FF · #87CEFA · #FFA07A

Ocean & Horizon

Excellent for creating depth in UI elements or gradients, moving from deep ocean to clear sky.

#007FFF · #1E90FF · #87CEFA

Vibrant Gaze

A striking trio for clear visual hierarchy, combining a vibrant primary with clean background and warm accent.

#007FFF · #F0F8FF · #FFA07A

CSS variables

:root {
  --azure-horizon-gaze-2-1: #007FFF;
  --azure-horizon-gaze-2-2: #1E90FF;
  --azure-horizon-gaze-2-3: #87CEFA;
  --azure-horizon-gaze-2-4: #F0F8FF;
  --azure-horizon-gaze-2-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azure-horizon-gaze-2": {
        1: "#007FFF",
        2: "#1E90FF",
        3: "#87CEFA",
        4: "#F0F8FF",
        5: "#FFA07A",
      }
    }
  }
}

Related searches

coastal dawn paletteblue peach color schemeserene ocean sunrise colorsvibrant blue orange web designunique azure branding

Palette colors

Hex values

Color 1#007FFF
·
Color 2#1E90FF
·
Color 3#87CEFA
·
Color 4#F0F8FF
·
Color 5#FFA07A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.2:1Fail
3.6:1AA18
1.9:1Fail
2
1.2:1Fail
1.9:1Fail
3:1AA18
1.6:1Fail
3
2.2:1Fail
1.9:1Fail
1.6:1Fail
1.2:1Fail
4
3.6:1AA18
3:1AA18
1.6:1Fail
1.9:1Fail
5
1.9:1Fail
1.6:1Fail
1.2:1Fail
1.9:1Fail

Similar palettes

More like Azure Horizon Gaze

View all cool
Abyssal Blue Descent
Abyssal Current Glide
Aegean Coast Whisper
Aqua Marine Vista
Aqua Ocean Dream
Arctic Ocean