Palette

Seagull Sky Gaze

Gentle shades reminiscent of a quiet coastal morning, with calm ocean waters meeting soft sandy shores 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 Seagull Sky 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 Seagull Sky Gaze.

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

Data visualization

#D6E0E6#9FB9C8#6488A0#364E59#F2F4F7

Palette guide

How to use Seagull Sky Gaze

Overview

The Seagull Sky Gaze palette offers a calm, cool, and serene collection of blue-grays, perfectly capturing the tranquil atmosphere of a coastal morning. With light #D6E0E6, a balanced #6488A0, and the deep #364E59, this palette is ideal for designs that require sophistication, clarity, and a sense of calm. Designers and developers can leverage these harmonious hues to create professional user interfaces, minimalist branding, or elegant digital experiences that convey stability and understated luxury. Its cool, muted tones are particularly effective in fostering a sense of peace and focus.

Best used for

Corporate and financial services websites
Minimalist branding and identity systems
Tech and software interfaces
Sophisticated interior design concepts
Luxury travel and real estate marketing
Calm and professional digital platforms

Suggested color roles

primary

Use #6488A0 as a stable, professional main color for branding, primary headers, or significant graphic elements, conveying trust.

secondary

Employ #9FB9C8 for softer, supportive blue-gray elements, background sections, or secondary navigation, adding depth without distraction.

accent

Apply #364E59 as a deep, grounding accent for emphasis, strong calls to action, or important interactive states, providing clear contrast.

background

Utilize #F2F4F7 as a clean, near-white base for pages or content blocks, ensuring ample whitespace and a crisp, modern feel.

text

For optimal legibility, #364E59 serves as the darkest and most effective text color against the lighter backgrounds, ensuring content is easily digestible.

Accessibility notes

The combination of #364E59 (text) on #F2F4F7 (background) offers excellent contrast for primary text readability, meeting WCAG AA standards.
Be cautious using #D6E0E6 for text; it is generally too light for readability on most backgrounds and best reserved for large decorative elements.
Ensure sufficient contrast when using #9FB9C8 or #6488A0 as text colors on lighter backgrounds, especially for smaller font sizes.
Consider using a slightly darker grey for extensive body text if #364E59 feels too harsh against #F2F4F7 for some users.

Recommended combinations

Sky Base

Ideal for creating clean backgrounds, subtle dividers, and secondary information sections that feel light and airy.

#F2F4F7 · #D6E0E6 · #9FB9C8

Ocean Depths

Excellent for headers, main content blocks, and subtle interactive elements, providing depth and a professional tone.

#6488A0 · #364E59 · #9FB9C8

High Contrast

Creates a clean background, highlights main elements with a mid-tone blue, and provides strong calls to action with a deep accent.

#F2F4F7 · #6488A0 · #364E59

CSS variables

:root {
  --seagull-sky-gaze-1: #D6E0E6;
  --seagull-sky-gaze-2: #9FB9C8;
  --seagull-sky-gaze-3: #6488A0;
  --seagull-sky-gaze-4: #364E59;
  --seagull-sky-gaze-5: #F2F4F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seagull-sky-gaze": {
        1: "#D6E0E6",
        2: "#9FB9C8",
        3: "#6488A0",
        4: "#364E59",
        5: "#F2F4F7",
      }
    }
  }
}

Hex values

Color 1#D6E0E6

Color 2#9FB9C8

Color 3#6488A0

Color 4#364E59

Color 5#F2F4F7

Accessibility

Contrast checker

1.5:1Fail

2.8:1Fail

6.6:1AA

1.2:1Fail

1.5:1Fail

1.8:1Fail

4.3:1AA18

1.9:1Fail

2.8:1Fail

1.8:1Fail

2.3:1Fail

3.4:1AA18

6.6:1AA

4.3:1AA18

2.3:1Fail

8:1AAA

1.2:1Fail

1.9:1Fail

3.4:1AA18

8:1AAA

Similar palettes

More like Seagull Sky Gaze

Coastal Seafoam Spray

Mediterranean Harbor Day

Ocean Driftwood Calm