Back to palettes

Palette

Bohemian Rhapsody Bloom

A free-spirited and richly colored palette celebrating artistic expression and wanderlust.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Rhapsody Bloom 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 Rhapsody Bloom.

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

Data visualization

#008B8B#FFD700#FF00FF#DDA0DD#FF8C00

Palette guide

How to use Bohemian Rhapsody Bloom

Overview

The Bohemian Rhapsody Bloom palette is a free-spirited and richly colored collection, celebrating artistic expression and wanderlust. This energetic scheme features a deep Dark Cyan (#008B8B), radiant Gold (#FFD700), vibrant Fuchsia (#FF00FF), soft Plum (#DDA0DD), and bold Dark Orange (#FF8C00). It's designed for projects demanding a maximalist, eclectic, and eye-catching aesthetic, perfect for conveying energy and boundless creativity. Designers can leverage this palette to create impactful and memorable visual experiences that truly stand out.

Best used for

  • Festival and concert branding
  • Creative digital art portfolios
  • Maximalist fashion and textile designs
  • Vibrant event promotions
  • Playful product packaging
  • Energetic social media campaigns

Suggested color roles

primary

#FF00FF (Fuchsia) serves as a powerful, attention-grabbing main color for headlines or key interactive elements, exuding vibrancy.

secondary

#FFD700 (Gold) provides a bright, cheerful contrast, excellent for subheadings or celebratory accents.

accent

#FF8C00 (Dark Orange) offers an intense, fiery pop, ideal for calls to action or important, high-contrast details.

background

#DDA0DD (Plum) can serve as a rich, muted background, or use a crisp white to let the vibrant colors truly pop.

text

Use #008B8B for main body text on lighter backgrounds (like white or #DDA0DD), or a strong black for optimal legibility.

Accessibility notes

  • Extreme caution is needed with these vibrant colors; ensure sufficient contrast for all text and interactive elements.
  • #FFD700 and #FF8C00 will have poor contrast on light backgrounds; use them for large headings or graphic accents only.
  • Pair #008B8B with #DDA0DD or white for body text to ensure readability, meeting WCAG AA standards.
  • Avoid using #FF00FF text on #FF8C00 background due to low contrast and potential visual discomfort.

Recommended combinations

Vibrant Burst

Creates an explosive, energetic feel for banners, highlight sections, or playful branding elements.

#FF00FF · #FFD700 · #FF8C00

Deep & Bright

Ideal for establishing depth and visual interest, combining cool and warm tones effectively.

#008B8B · #FFD700 · #DDA0DD

Eclectic Fusion

Use for dynamic graphics, abstract patterns, or elements needing strong, colorful differentiation.

#FF8C00 · #FF00FF · #008B8B

CSS variables

:root {
  --bohemian-rhapsody-bloom-1: #008B8B;
  --bohemian-rhapsody-bloom-2: #FFD700;
  --bohemian-rhapsody-bloom-3: #FF00FF;
  --bohemian-rhapsody-bloom-4: #DDA0DD;
  --bohemian-rhapsody-bloom-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-rhapsody-bloom": {
        1: "#008B8B",
        2: "#FFD700",
        3: "#FF00FF",
        4: "#DDA0DD",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

bohemian vibrant color palettemaximalist gold fuchsiaenergetic artistic colorsfree spirited bright designwanderlust color scheme

Palette colors

Hex values

Color 1#008B8B
·
Color 2#FFD700
·
Color 3#FF00FF
·
Color 4#DDA0DD
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1Fail
1.3:1Fail
2:1Fail
1.8:1Fail
2
3:1Fail
2.2:1Fail
1.5:1Fail
1.7:1Fail
3
1.3:1Fail
2.2:1Fail
1.5:1Fail
1.3:1Fail
4
2:1Fail
1.5:1Fail
1.5:1Fail
1.1:1Fail
5
1.8:1Fail
1.7:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Bohemian Rhapsody Bloom

View all vibrant