Back to palettes

Palette

Oceanic Ember Current

Captures the fiery intensity of sunset embers flowing into deep ocean currents, creating a dramatic contrast.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Oceanic Ember Current 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 Ember Current.

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

Data visualization

#900C3F#C70039#FF5733#FFC300#334D5C

Palette guide

How to use Oceanic Ember Current

Overview

The Oceanic Ember Current palette captures the dramatic contrast of fiery sunset embers flowing into deep ocean currents. It features intense reds and oranges like #900C3F (Dark Red), #C70039 (Crimson), and #FF5733 (Orange Red), balanced by the radiant #FFC300 (Amber) and grounded by the cool #334D5C (Dark Cyan). This collection is perfect for designers and developers aiming to create bold, energetic, and memorable digital experiences. Its high contrast and vibrant hues are excellent for conveying passion, urgency, or a sense of dynamic movement. This palette excels in applications that demand attention and evoke a powerful emotional response, blending warmth with cool sophistication.

Best used for

  • Action game interfaces
  • Adventure travel websites
  • Dramatic event promotions
  • Food and beverage branding
  • High-energy sports apps
  • Bold editorial designs

Suggested color roles

primary

Use #C70039 (Crimson) for high-impact calls to action or dominant visual elements that demand attention.

secondary

Apply #FF5733 (Orange Red) to support primary elements, adding warmth and visual excitement.

accent

Employ #FFC300 (Amber) for radiant highlights, warnings, or interactive elements that need to glow and guide.

background

Utilize #334D5C (Dark Cyan) for a deep, sophisticated background that allows the fiery colors to truly pop.

text

For optimal readability, use white or a very light gray like #F0F0F0 for text on all dark hues. Dark charcoal works on #FFC300.

Accessibility notes

  • Ensure sufficient contrast for text on vibrant colors like #FF5733 and #FFC300; white or dark text is crucial.
  • Avoid pairing #900C3F and #C70039 for text and background; their contrast will be too low.
  • Test interactive elements for clear visual cues beyond color, especially for colorblind users.
  • The cool #334D5C provides an excellent background for white or light-colored text.

Recommended combinations

Fiery Sunset

Ideal for dynamic headers, impactful hero sections, or conveying intense energy.

#900C3F · #C70039 · #FF5733

Ember Glow

Excellent for highlighting key information, calls to action, or creating vibrant focal points.

#FFC300 · #FF5733 · #334D5C

Deep Current

Provides a strong, sophisticated contrast for background layers with bright, energetic accents.

#334D5C · #900C3F · #FFC300

CSS variables

:root {
  --oceanic-ember-current-1: #900C3F;
  --oceanic-ember-current-2: #C70039;
  --oceanic-ember-current-3: #FF5733;
  --oceanic-ember-current-4: #FFC300;
  --oceanic-ember-current-5: #334D5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-ember-current": {
        1: "#900C3F",
        2: "#C70039",
        3: "#FF5733",
        4: "#FFC300",
        5: "#334D5C",
      }
    }
  }
}

Related searches

dramatic color paletteocean and fire colorsbold energetic schemecontrast vibrant palettesunset blue design

Palette colors

Hex values

Color 1#900C3F
·
Color 2#C70039
·
Color 3#FF5733
·
Color 4#FFC300
·
Color 5#334D5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
5.7:1AA
1:1Fail
2
1.5:1Fail
1.9:1Fail
3.7:1AA18
1.5:1Fail
3
2.9:1Fail
1.9:1Fail
2:1Fail
2.8:1Fail
4
5.7:1AA
3.7:1AA18
2:1Fail
5.5:1AA
5
1:1Fail
1.5:1Fail
2.8:1Fail
5.5:1AA

Similar palettes

More like Oceanic Ember Current

View all vibrant
Deep Sea Coral
Electric Sunset Horizon
Horizon Sunset Sail
Volcanic Flame Flow
Volcanic Wyrm Glow
Abstract Art Strokes