Back to palettes

Palette

Bohemian Rhapsody Blend

An eclectic mix of earthy browns, sage greens, and terracotta, inspired by free-spirited, artistic expression.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C17F5B#E8B48F#6D8E81#A1BFB2#3A5F5A

Palette guide

How to use Bohemian Rhapsody Blend

Overview

The Bohemian Rhapsody Blend palette is an eclectic mix of earthy browns, sage greens, and terracotta, inspired by free-spirited artistic expression. This natural scheme features a warm Terracotta (#C17F5B), soft Peach-Beige (#E8B48F), muted Sage Green (#6D8E81), light Mint Green (#A1BFB2), and deep Teal-Green (#3A5F5A). It's perfect for designs aiming for a natural, serene, and artistic mood, conveying an organic and handcrafted feel. Designers and developers can use this palette to create calming yet engaging visual experiences.

Best used for

  • Sustainable brand packaging
  • Eco-friendly product websites
  • Bohemian home goods styling
  • Nature-inspired art prints
  • Wellness and spa branding
  • Relaxing mobile app interfaces

Suggested color roles

primary

#C17F5B (Terracotta) serves as a warm, inviting main color for headers or prominent graphic elements, evoking natural warmth.

secondary

#6D8E81 (Sage Green) provides a calming, earthy contrast, ideal for subheadings or supportive content blocks.

accent

#3A5F5A (Deep Teal-Green) offers a grounding, sophisticated accent for calls to action or important details.

background

#E8B48F (Peach-Beige) or #A1BFB2 (Mint Green) provides a soft, breathable backdrop, ensuring excellent readability.

text

Use #3A5F5A for main body text on lighter backgrounds like #E8B48F, providing clarity and a natural feel.

Accessibility notes

  • Ensure sufficient contrast when using #C17F5B or #6D8E81 as text on #E8B48F or #A1BFB2 backgrounds.
  • #3A5F5A provides good contrast for text on #E8B48F, making it a reliable choice for body copy.
  • Avoid light green text on light beige backgrounds (e.g., #A1BFB2 on #E8B48F) due to low contrast.
  • Consider larger font sizes for text in mid-tone colors like #6D8E81 to improve readability.

Recommended combinations

Earthy Harmony

Ideal for creating serene, natural layouts for eco-conscious brands or organic products.

#C17F5B · #E8B48F · #6D8E81

Forest & Clay

Excellent for grounding sections with depth, like footers or feature blocks in nature-themed designs.

#3A5F5A · #C17F5B · #E8B48F

Gentle Breeze

Use for soft gradients, background textures, or highlighting subtle artistic details in web interfaces.

#A1BFB2 · #6D8E81 · #C17F5B

CSS variables

:root {
  --bohemian-rhapsody-blend-3-1: #C17F5B;
  --bohemian-rhapsody-blend-3-2: #E8B48F;
  --bohemian-rhapsody-blend-3-3: #6D8E81;
  --bohemian-rhapsody-blend-3-4: #A1BFB2;
  --bohemian-rhapsody-blend-3-5: #3A5F5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-rhapsody-blend-3": {
        1: "#C17F5B",
        2: "#E8B48F",
        3: "#6D8E81",
        4: "#A1BFB2",
        5: "#3A5F5A",
      }
    }
  }
}

Related searches

bohemian earthy green palettesage terracotta color schemenatural artistic colorsboho green brown blendcalming organic design

Palette colors

Hex values

Color 1#C17F5B
·
Color 2#E8B48F
·
Color 3#6D8E81
·
Color 4#A1BFB2
·
Color 5#3A5F5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.1:1Fail
1.6:1Fail
2.2:1Fail
2
1.8:1Fail
1.9:1Fail
1.1:1Fail
3.8:1AA18
3
1.1:1Fail
1.9:1Fail
1.8:1Fail
2:1Fail
4
1.6:1Fail
1.1:1Fail
1.8:1Fail
3.6:1AA18
5
2.2:1Fail
3.8:1AA18
2:1Fail
3.6:1AA18

Similar palettes

More like Bohemian Rhapsody Blend

View all earth