Back to palettes

Palette

Coastal Sunset Dream

The breathtaking spectacle of the sun dipping below the ocean horizon, painting the sky with fiery hues.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Sunset Dream 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 Coastal Sunset Dream.

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

Data visualization

#0A2D48#FF8C00#FFD700#F0E68C#4682B4

Palette guide

How to use Coastal Sunset Dream

Overview

The Coastal Sunset Dream palette is a dramatic and elegant collection that captures the breathtaking spectacle of the sun dipping below the ocean horizon. Deep, anchoring blues like #0A2D48 and #4682B4 provide a sophisticated backdrop, reminiscent of twilight waters. These are brilliantly contrasted by the radiant #FF8C00, the luxurious #FFD700, and the subtle shimmer of #F0E68C, evoking the sun's fiery and golden hues. This palette is ideal for designers seeking to create a sense of grandeur, elegance, and natural drama. It's especially suited for projects that demand attention and convey a luxurious, captivating, and memorable aesthetic.

Best used for

  • Luxury travel and resort branding
  • High-end event and gala invitations
  • Gourmet food and beverage packaging
  • Exclusive fashion and jewelry brands
  • Dramatic digital art and photography
  • Sophisticated interior design accents

Suggested color roles

primary

Utilize #0A2D48 as a dominant, deep blue for backgrounds or main branding elements, establishing elegance.

secondary

Employ #4682B4 for secondary content blocks, navigation, or subtle graphical elements, adding depth.

accent

Introduce #FFD700 as a luxurious, radiant accent for highlights, icons, or key call-to-action buttons.

background

Choose #0A2D48 for a dramatic, immersive background, or #F0E68C for a very light, subtle canvas.

text

Use white or #0A2D48 for body text and headings for excellent readability against contrasting palette colors.

Accessibility notes

  • The dark #0A2D48 provides excellent contrast for text on #FF8C00, #FFD700, and #F0E68C.
  • Ensure sufficient contrast when using #F0E68C for text on any background, as it is very light.
  • Avoid using #FF8C00 for text on #FFD700 backgrounds; opt for a darker or lighter contrasting color.
  • White text on #0A2D48 or #4682B4 offers excellent readability and a striking visual impact.

Recommended combinations

Twilight Gold

Create a luxurious, dramatic design with a deep blue, a golden accent, and a softer blue secondary.

#0A2D48 · #FFD700 · #4682B4

Sunset Radiance

Ideal for vibrant calls-to-action, with a bright orange, a subtle yellow background, and strong dark text.

#FF8C00 · #F0E68C · #0A2D48

Ocean Glow

Use for dynamic elements, combining a cool blue with radiant gold and a fiery orange for impactful visuals.

#4682B4 · #FFD700 · #FF8C00

CSS variables

:root {
  --coastal-sunset-dream-1: #0A2D48;
  --coastal-sunset-dream-2: #FF8C00;
  --coastal-sunset-dream-3: #FFD700;
  --coastal-sunset-dream-4: #F0E68C;
  --coastal-sunset-dream-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-sunset-dream": {
        1: "#0A2D48",
        2: "#FF8C00",
        3: "#FFD700",
        4: "#F0E68C",
        5: "#4682B4",
      }
    }
  }
}

Related searches

dramatic sunset paletteocean blue and gold colorselegant twilight schemeluxury coastal brandingvibrant evening hues

Palette colors

Hex values

Color 1#0A2D48
·
Color 2#FF8C00
·
Color 3#FFD700
·
Color 4#F0E68C
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
6.1:1AA
10.1:1AAA
11.1:1AAA
3.5:1AA18
2
6.1:1AA
1.7:1Fail
1.8:1Fail
1.8:1Fail
3
10.1:1AAA
1.7:1Fail
1.1:1Fail
2.9:1Fail
4
11.1:1AAA
1.8:1Fail
1.1:1Fail
3.2:1AA18
5
3.5:1AA18
1.8:1Fail
2.9:1Fail
3.2:1AA18

Similar palettes

More like Coastal Sunset Dream

View all vibrant
Ancient Aztec Gold
Aurora Borealis Dream
Coral Garden Shimmer
Cosmic Iridescent Shine
Crimson Rose Velvet
Crimson Royal Gem