Palette

Bohemian Sunset Glow

Fiery reds, oranges, and golden yellows, capturing the vibrant hues of a bohemian sunset.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Sunset 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 Bohemian Sunset Glow.

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

Data visualization

#8B0000#C70039#FF5733#FFC300#FFFC99

Palette guide

How to use Bohemian Sunset Glow

Overview

The Bohemian Sunset Glow palette captures the vibrant hues of a bohemian sunset with fiery reds, oranges, and golden yellows. This warm scheme features a deep Dark Red (#8B0000), passionate Crimson (#C70039), lively Orange (#FF5733), bright Gold (#FFC300), and soft Pale Yellow (#FFFC99). It's perfect for designs that aim for a natural, energetic, and rich mood, conveying warmth and a captivating glow. Designers and developers can leverage this palette to create visually stimulating and memorable user experiences, especially for artistic or celebratory projects.

Best used for

Sunset-themed event branding
Bohemian fashion editorials
Vibrant art and craft marketing
Warm and inviting digital interfaces
Creative photography showcases
Autumnal seasonal campaigns

Suggested color roles

primary

#FF5733 (Orange) serves as a lively, energetic main color for headers or key interactive elements, capturing attention.

secondary

#C70039 (Crimson) provides a deep, passionate contrast, ideal for subheadings or supportive content.

accent

#FFC300 (Gold) offers a bright, radiant pop for calls to action, important details, or decorative flourishes.

background

#FFFC99 (Pale Yellow) creates a soft, luminous backdrop, ensuring excellent readability for darker text.

text

Use #8B0000 or a deep charcoal for main body text on lighter backgrounds like #FFFC99, providing clarity and warmth.

Accessibility notes

Ensure sufficient contrast when using #FFC300 or #FFFC99 for text on similar light backgrounds.
Pair darker colors like #8B0000 or #C70039 with #FFFC99 for body text to meet WCAG AA standards.
Avoid using #FF5733 text on #FFC300 due to potential low contrast, especially for smaller font sizes.
Consider using these vibrant reds and oranges for larger headlines or graphic accents, with high contrast for body text.

Recommended combinations

Sunset Fire

Creates a fiery, energetic feel for banners, highlight sections, or impactful branding elements.

#8B0000 · #FF5733 · #FFC300

Glowing Depth

Ideal for establishing depth and visual interest, combining deep reds with bright accents.

#C70039 · #FFFC99 · #FF5733

Warm Radiance

Use for soft gradients, background textures, or emphasizing light, airy sections with warmth.

#FFC300 · #FFFC99 · #8B0000

CSS variables

:root {
  --bohemian-sunset-glow-1: #8B0000;
  --bohemian-sunset-glow-2: #C70039;
  --bohemian-sunset-glow-3: #FF5733;
  --bohemian-sunset-glow-4: #FFC300;
  --bohemian-sunset-glow-5: #FFFC99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-sunset-glow": {
        1: "#8B0000",
        2: "#C70039",
        3: "#FF5733",
        4: "#FFC300",
        5: "#FFFC99",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#C70039

Color 3#FF5733

Color 4#FFC300

Color 5#FFFC99

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

6.2:1AA

9.4:1AAA

1.7:1Fail

1.9:1Fail

3.7:1AA18

5.6:1AA

3.2:1AA18

1.9:1Fail

2:1Fail

2.9:1Fail

6.2:1AA

3.7:1AA18

2:1Fail

1.5:1Fail

9.4:1AAA

5.6:1AA

2.9:1Fail

1.5:1Fail

Similar palettes

More like Bohemian Sunset Glow

View all warm

Bohemian Sunset Bloom