Palette

Bohemian Rhapsody Art

A warm, free-spirited blend of oranges and creams, echoing a bohemian artistic sensibility.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8F8F8#FFE0B2#FFAB91#BF5E3A#7A3F2C

Palette guide

How to use Bohemian Rhapsody Art

Overview

The Bohemian Rhapsody Art palette offers a warm, free-spirited blend of oranges and creams, echoing a bohemian artistic sensibility with a vintage touch. This earthy scheme features a near-white Alabaster (#F8F8F8), soft Peach (#FFE0B2), inviting Light Salmon (#FFAB91), rich Rust (#BF5E3A), and deep Coffee (#7A3F2C). It's ideal for designs that aim for a cozy, authentic, and retro mood, perfect for conveying warmth and creativity. Developers and designers can utilize this palette to craft visually comforting and engaging user experiences.

Best used for

Vintage-inspired brand identity
Cozy lifestyle product packaging
Boho-chic fashion blogs
Handcrafted goods e-commerce
Retro photography portfolios
Warm and inviting user interfaces

Suggested color roles

primary

#BF5E3A (Rust) acts as a warm, inviting main color for headers or key graphic elements, evoking a vintage feel.

secondary

#7A3F2C (Coffee) provides a deep, grounding contrast, excellent for subheadings or important information.

accent

#FFAB91 (Light Salmon) adds a soft, warm pop, perfect for interactive elements or decorative flourishes.

background

#F8F8F8 (Alabaster) or #FFE0B2 (Peach) offers a clean, gentle backdrop, ensuring excellent readability.

text

Use #7A3F2C for main body text on lighter backgrounds like #F8F8F8, providing clarity and warmth.

Accessibility notes

#F8F8F8 is excellent for backgrounds, but ensure text colors (e.g., #BF5E3A, #7A3F2C) have sufficient contrast.
Avoid using #FFE0B2 or #FFAB91 as text on #F8F8F8 due to insufficient contrast.
Prioritize #7A3F2C for critical text elements on light backgrounds to meet WCAG AA standards.
Check contrast for any interactive elements, especially when using mid-tones like #FFAB91.

Recommended combinations

Warm Foundation

Ideal for creating clean layouts with strong, warm typographic hierarchy.

#F8F8F8 · #BF5E3A · #7A3F2C

Soft Glow

Excellent for subtle gradients, overlays, or highlighting soft, inviting content blocks.

#FFE0B2 · #FFAB91 · #BF5E3A

Retro Depth

Use for grounding sections with a touch of warmth and vintage charm, like footers or sidebars.

#7A3F2C · #FFAB91 · #F8F8F8

CSS variables

:root {
  --bohemian-rhapsody-art-1: #F8F8F8;
  --bohemian-rhapsody-art-2: #FFE0B2;
  --bohemian-rhapsody-art-3: #FFAB91;
  --bohemian-rhapsody-art-4: #BF5E3A;
  --bohemian-rhapsody-art-5: #7A3F2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-rhapsody-art": {
        1: "#F8F8F8",
        2: "#FFE0B2",
        3: "#FFAB91",
        4: "#BF5E3A",
        5: "#7A3F2C",
      }
    }
  }
}

Hex values

Color 1#F8F8F8

Color 2#FFE0B2

Color 3#FFAB91

Color 4#BF5E3A

Color 5#7A3F2C

Accessibility

Contrast checker

1.2:1Fail

1.7:1Fail

4.1:1AA18

7.7:1AAA

1.2:1Fail

1.4:1Fail

3.4:1AA18

6.4:1AA

1.7:1Fail

1.4:1Fail

2.4:1Fail

4.5:1AA18

4.1:1AA18

3.4:1AA18

2.4:1Fail

1.9:1Fail

7.7:1AAA

6.4:1AA

4.5:1AA18

1.9:1Fail

Similar palettes

More like Bohemian Rhapsody Art

View all warm

Aged Copper Patina

Bohemian Dream Catcher