Back to palettes

Palette

Cityscape Dawn Glow

Soft and serene, like the tranquil blues and grays of a city just as the first light of dawn appears.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cityscape Dawn Glow 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 Cityscape Dawn Glow.

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

Data visualization

#E6D4AD#B4C6DA#9AB8D6#6A8FB0#D0C1AE

Palette guide

How to use Cityscape Dawn Glow

Overview

The "Cityscape Dawn Glow" palette captures the soft, ethereal light of a city just as dawn breaks, blending tranquil blues and gentle, muted golds. It features a warm, pale beige-gold #E6D4AD, a serene light blue #B4C6DA, and a deeper, calming blue #9AB8D6, anchored by a rich mid-blue #6A8FB0. A soft, muted tan #D0C1AE adds earthy warmth. This combination offers designers and developers a versatile toolkit for creating peaceful, elegant interfaces, sophisticated branding, or any digital project that requires a calm, inviting, and subtly optimistic aesthetic, perfect for conveying serenity and new beginnings.

Best used for

  • Wellness and meditation apps
  • Luxury spa branding
  • Editorial design for lifestyle content
  • Photography portfolio sites
  • Travel and hospitality websites
  • Soft UI/UX themes

Suggested color roles

primary

#6A8FB0 - A solid, calming mid-blue, ideal for foundational elements, headers, or strong typography.

secondary

#9AB8D6 - A slightly lighter, serene blue, perfect for secondary panels, navigation, or subtle dividers.

accent

#E6D4AD - A warm, pale gold, suitable for gentle highlights, interactive states, or decorative elements.

background

#D0C1AE - A soft, muted tan, providing a warm, inviting, and expansive canvas for content.

text

#6A8FB0 - For highly readable body text on lighter backgrounds, or a soft charcoal for contrast.

Accessibility notes

  • Ensure sufficient contrast when using lighter shades like #E6D4AD or #D0C1AE for text, especially on white or near-white backgrounds; best for accents.
  • Pair darker blues like #6A8FB0 or #9AB8D6 with light backgrounds for body text to ensure readability.
  • Avoid using light colors for small or thin text, as they may become illegible for some users.
  • Use a contrast checker for all text and background combinations, especially with the warmer, lighter tones.

Recommended combinations

Gentle Awaken

Create serene gradients, calm backgrounds, or layered UI elements in a cool theme.

#6A8FB0 · #9AB8D6 · #B4C6DA

Warm Horizon

Excellent for inviting hero sections, combining warm neutrals with a grounding blue accent.

#D0C1AE · #E6D4AD · #6A8FB0

Soft Radiance

Use for delicate backgrounds, subtle decorative elements, or soft card designs.

#E6D4AD · #B4C6DA · #D0C1AE

CSS variables

:root {
  --cityscape-dawn-glow-1: #E6D4AD;
  --cityscape-dawn-glow-2: #B4C6DA;
  --cityscape-dawn-glow-3: #9AB8D6;
  --cityscape-dawn-glow-4: #6A8FB0;
  --cityscape-dawn-glow-5: #D0C1AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cityscape-dawn-glow": {
        1: "#E6D4AD",
        2: "#B4C6DA",
        3: "#9AB8D6",
        4: "#6A8FB0",
        5: "#D0C1AE",
      }
    }
  }
}

Related searches

dawn sky palettecalm blue gold colorspeaceful UI designcityscape soft paletteelegant muted tones

Palette colors

Hex values

Color 1#E6D4AD
·
Color 2#B4C6DA
·
Color 3#9AB8D6
·
Color 4#6A8FB0
·
Color 5#D0C1AE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
2.3:1Fail
1.2:1Fail
2
1.2:1Fail
1.2:1Fail
2:1Fail
1:1Fail
3
1.4:1Fail
1.2:1Fail
1.7:1Fail
1.2:1Fail
4
2.3:1Fail
2:1Fail
1.7:1Fail
1.9:1Fail
5
1.2:1Fail
1:1Fail
1.2:1Fail
1.9:1Fail

Similar palettes

More like Cityscape Dawn Glow

View all cool
Azure Bay Retreat
Cerulean Dream
Aegean Horizon
Arctic Dawn Light
Arctic Sky Aurora
Arctic Sky Whisper