Back to palettes

Palette

Bohemian Rhapsody Warmth

Rich, earthy reds, oranges, and golden hues create a cozy, eclectic bohemian vibe.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A44A3F#CC7A00#E1B056#FAD6A6#F9F3F2

Palette guide

How to use Bohemian Rhapsody Warmth

Overview

The Bohemian Rhapsody Warmth palette offers rich, earthy reds, oranges, and golden hues, creating a cozy, eclectic bohemian vibe. This natural scheme features a deep Rusty Red (#A44A3F), vibrant Burnt Orange (#CC7A00), warm Goldenrod (#E1B056), soft Peach (#FAD6A6), and creamy Off-White (#F9F3F2). It's perfect for designs that aim for a cozy, rustic, and inviting mood, conveying comfort and authenticity. Designers and developers can leverage this palette to craft visually comforting and engaging user experiences, particularly in lifestyle or home decor contexts.

Best used for

  • Cozy home decor branding
  • Rustic cafe or restaurant interiors
  • Bohemian lifestyle photography
  • Autumnal event invitations
  • Warm fashion editorials
  • Inviting e-commerce interfaces

Suggested color roles

primary

#A44A3F (Rusty Red) serves as a grounding, warm main color for headers or prominent sections, evoking comfort.

secondary

#CC7A00 (Burnt Orange) provides a vibrant, inviting contrast for subheadings or key interactive elements.

accent

#E1B056 (Goldenrod) offers a rich, mellow accent, perfect for calls to action, icons, or decorative flourishes.

background

#FAD6A6 (Peach) or #F9F3F2 (Off-White) creates a soft, breathable backdrop, ensuring excellent readability.

text

Use #A44A3F or a dark charcoal for main body text on lighter backgrounds like #F9F3F2, providing clarity and warmth.

Accessibility notes

  • #F9F3F2 is an excellent background; ensure text in #FAD6A6 has sufficient contrast.
  • Pair darker colors like #A44A3F or #CC7A00 with #F9F3F2 for body text to meet WCAG AA standards.
  • Avoid using #E1B056 or #FAD6A6 as text on light backgrounds due to potential low contrast.
  • Consider larger font sizes for text elements in mid-tone colors like #CC7A00 to enhance readability.

Recommended combinations

Rustic Glow

Ideal for creating cozy, natural headers or prominent visual elements in lifestyle designs.

#A44A3F · #E1B056 · #F9F3F2

Earthy Spice

Excellent for highlighting warm product features, blog post headers, or inviting callouts.

#CC7A00 · #FAD6A6 · #A44A3F

Bohemian Comfort

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

#F9F3F2 · #E1B056 · #CC7A00

CSS variables

:root {
  --bohemian-rhapsody-warmth-1: #A44A3F;
  --bohemian-rhapsody-warmth-2: #CC7A00;
  --bohemian-rhapsody-warmth-3: #E1B056;
  --bohemian-rhapsody-warmth-4: #FAD6A6;
  --bohemian-rhapsody-warmth-5: #F9F3F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-rhapsody-warmth": {
        1: "#A44A3F",
        2: "#CC7A00",
        3: "#E1B056",
        4: "#FAD6A6",
        5: "#F9F3F2",
      }
    }
  }
}

Related searches

bohemian warm color schemerustic red orange palettecozy earthy huesethnic fabric colorsnatural goldenrod palette

Palette colors

Hex values

Color 1#A44A3F
·
Color 2#CC7A00
·
Color 3#E1B056
·
Color 4#FAD6A6
·
Color 5#F9F3F2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.2:1AA18
5.3:1AA
2
1.7:1Fail
1.7:1Fail
2.4:1Fail
3:1AA18
3
2.9:1Fail
1.7:1Fail
1.4:1Fail
1.8:1Fail
4
4.2:1AA18
2.4:1Fail
1.4:1Fail
1.3:1Fail
5
5.3:1AA
3:1AA18
1.8:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Rhapsody Warmth

View all warm