Back to palettes

Palette

Misty Horizon Dawn

Soft greys and gentle blues merge, depicting a tranquil misty morning where the horizon subtly greets the day.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Horizon Dawn 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 Misty Horizon Dawn.

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

Data visualization

#9CACC7#C0D0E0#E6F0F5#7A8A9C#606C7A

Palette guide

How to use Misty Horizon Dawn

Overview

The Misty Horizon Dawn palette blends soft greys and gentle blues, evoking the tranquil and atmospheric beauty of a misty morning where the horizon subtly greets the day. With shades like the inviting #9CACC7, the ethereal #E6F0F5, and the grounding #606C7A, this palette offers a calming and sophisticated aesthetic. It is perfect for designs that aim to convey peace, reflection, and quiet elegance. Designers will find it ideal for crafting serene user interfaces or engaging visual narratives, while developers can leverage its harmonious range for consistent application across various components, ensuring a cohesive and visually pleasing digital experience.

Best used for

  • Spa and meditation app interfaces
  • Nature and landscape photography websites
  • Gentle branding for lifestyle products
  • Educational content with a calm tone
  • Serene digital art and illustration
  • Home decor and interior design concepts

Suggested color roles

primary

Use #606C7A as a deep, stable primary color for headers, important calls to action, or brand logos, conveying reliability.

secondary

Apply #7A8A9C for supportive elements like subheadings or navigation, maintaining a calm and cohesive feel.

accent

Introduce #9CACC7 for soft highlights, interactive elements, or subtle graphic details to add gentle visual interest.

background

Utilize #E6F0F5 as an airy, light background color, providing a clean canvas that enhances readability and the overall sense of tranquility.

text

For body text, use #606C7A or a dark charcoal to ensure excellent readability against lighter backgrounds. #7A8A9C can also be used for headings.

Accessibility notes

  • Ensure sufficient contrast between #606C7A and #E6F0F5 for all text to meet WCAG AA standards.
  • Be cautious with lighter shades like #C0D0E0 on #E6F0F5 for small text; use for larger headings or decorative elements.
  • Provide clear visual cues for interactive elements and focus states using distinct color changes.
  • Test color pairings across different screen types to ensure consistent legibility and aesthetic appeal.

Recommended combinations

Deep Dawn

Ideal for creating a strong, immersive visual, suitable for hero sections or impactful content blocks.

#606C7A · #7A8A9C · #9CACC7

Ethereal Sky

Excellent for spacious layouts, content backgrounds, or subtle UI elements requiring softness.

#E6F0F5 · #C0D0E0 · #9CACC7

Muted Elegance

A balanced trio for strong visual hierarchy, perfect for text on background with a supportive element.

#606C7A · #E6F0F5 · #7A8A9C

CSS variables

:root {
  --misty-horizon-dawn-1: #9CACC7;
  --misty-horizon-dawn-2: #C0D0E0;
  --misty-horizon-dawn-3: #E6F0F5;
  --misty-horizon-dawn-4: #7A8A9C;
  --misty-horizon-dawn-5: #606C7A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-horizon-dawn": {
        1: "#9CACC7",
        2: "#C0D0E0",
        3: "#E6F0F5",
        4: "#7A8A9C",
        5: "#606C7A",
      }
    }
  }
}

Related searches

misty blue palettedawn color schemeserene grey bluetranquil UI colorsatmospheric design palette

Palette colors

Hex values

Color 1#9CACC7
·
Color 2#C0D0E0
·
Color 3#E6F0F5
·
Color 4#7A8A9C
·
Color 5#606C7A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.5:1Fail
2.3:1Fail
2
1.5:1Fail
1.4:1Fail
2.2:1Fail
3.4:1AA18
3
2:1Fail
1.4:1Fail
3.1:1AA18
4.6:1AA
4
1.5:1Fail
2.2:1Fail
3.1:1AA18
1.5:1Fail
5
2.3:1Fail
3.4:1AA18
4.6:1AA
1.5:1Fail

Similar palettes

More like Misty Horizon Dawn

View all cool
Alpine Mist
Coastal Fog
Coastal Horizon Haze
Fjord Twilight
Fjord Whisper Mist
Gentle Rain Shower