Back to palettes

Palette

Oceanic Sunset Horizon

Warm oranges and bright blues depicting the dramatic transition of colors at an ocean sunset.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Sunset Horizon 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 Oceanic Sunset Horizon.

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

Data visualization

#FF7F50#FFD700#4682B4#87CEEB#ADD8E6

Palette guide

How to use Oceanic Sunset Horizon

Overview

The Oceanic Sunset Horizon palette captures the vibrant energy of dusk at sea, blending warm and cool tones beautifully. Featuring the striking coral of #FF7F50 and the golden glow of #FFD700, it evokes the sun's dramatic descent. These are perfectly balanced by the deep ocean blue of #4682B4 and the lighter, airy sky hues of #87CEEB and #ADD8E6. This palette is ideal for projects aiming to convey a sense of adventure, serenity, or natural beauty with an energetic twist. Designers and developers can leverage its dynamic range for impactful visual storytelling across various digital and print mediums, creating engaging user experiences.

Best used for

  • Travel and tourism branding (coastal destinations)
  • Summer fashion and lifestyle campaigns
  • Children's book illustrations and toy packaging
  • Event marketing for outdoor festivals or beach parties
  • Digital art and website backgrounds for creative portfolios
  • Mobile app interfaces requiring an energetic yet calming feel

Suggested color roles

primary

#4682B4 (Steel Blue). A grounded, strong blue that anchors the palette, perfect for main headings, navigation bars, or core brand elements.

secondary

#FF7F50 (Coral). This energetic orange provides a vibrant contrast, excellent for calls-to-action, secondary buttons, or illustrative details.

accent

#FFD700 (Gold). A luminous gold that draws attention, ideal for highlighting key information, icons, or decorative elements that need to pop.

background

#ADD8E6 (Light Blue). A soft, airy blue providing a serene and open base, suitable for main content areas or expansive visual backdrops.

text

#4682B4 (Steel Blue) or a deep charcoal like #333333. Use the primary blue for headlines and subheadings, while a near-black ensures optimal readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #ADD8E6 or #87CEEB with light text; consider using dark blue or black.
  • The vibrant #FF7F50 and #FFD700 can be challenging for text; use them primarily for accents or large headings.
  • Pair #4682B4 with light colors like #ADD8E6 for backgrounds to maintain readability for body text.
  • Always test color combinations using WCAG guidelines, especially for interactive elements and critical information display.

Recommended combinations

Sunset Glow

Ideal for vibrant headers, hero sections, or calls-to-action that demand attention, evoking the dramatic warmth of a sunset.

#FF7F50 · #FFD700 · #4682B4

Ocean Breeze

Perfect for creating serene backgrounds, informational sections, or navigation elements, providing a calming and spacious feel.

#4682B4 · #87CEEB · #ADD8E6

Energetic Horizon

Use for playful branding, interactive elements, or illustrations where a lively yet balanced visual hierarchy is desired.

#FFD700 · #ADD8E6 · #FF7F50

CSS variables

:root {
  --oceanic-sunset-horizon-1: #FF7F50;
  --oceanic-sunset-horizon-2: #FFD700;
  --oceanic-sunset-horizon-3: #4682B4;
  --oceanic-sunset-horizon-4: #87CEEB;
  --oceanic-sunset-horizon-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-sunset-horizon": {
        1: "#FF7F50",
        2: "#FFD700",
        3: "#4682B4",
        4: "#87CEEB",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

vibrant sunset color paletteocean blue and orange paletteenergetic summer colorscoastal design color schemegolden hour color combinations

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFD700
·
Color 3#4682B4
·
Color 4#87CEEB
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.6:1Fail
1.4:1Fail
1.6:1Fail
2
1.8:1Fail
2.9:1Fail
1.2:1Fail
1.1:1Fail
3
1.6:1Fail
2.9:1Fail
2.4:1Fail
2.7:1Fail
4
1.4:1Fail
1.2:1Fail
2.4:1Fail
1.1:1Fail
5
1.6:1Fail
1.1:1Fail
2.7:1Fail
1.1:1Fail

Similar palettes

More like Oceanic Sunset Horizon

View all vibrant
Oceanic Reef Glow
Azure Lagoon Shimmer
Coastal Sunset Blaze
Coral Reef Dance
Coral Reef Dawn
Coral Reef Jewel