Palette

Bohemian Gypsy Heart

A free-spirited mix of warm, rich earthy tones with vibrant pops, celebrating a wandering, artistic soul.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Gypsy Heart 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 Gypsy Heart.

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

Data visualization

#A52A2A#E37B00#F7C04A#6A1B3B#008B8B

Palette guide

How to use Bohemian Gypsy Heart

Overview

The Bohemian Gypsy Heart palette is a free-spirited mix of warm, rich earthy tones with vibrant pops, celebrating a wandering, artistic soul. It features a deep #A52A2A (Indian Red) and a lively #E37B00 (Orange) for energetic warmth. The bright #F7C04A (Golden Yellow) adds a cheerful glow, while the mysterious #6A1B3B (Dark Maroon) and the vibrant #008B8B (Dark Cyan) introduce sophisticated depth and unexpected coolness. This eclectic collection is ideal for designs that aim to convey authenticity, warmth, and an adventurous, artistic aesthetic. Designers will find it versatile for creating visually appealing and emotionally resonant experiences, while developers can ensure a cohesive and inviting user interface across various applications, from digital art to product branding.

Best used for

Eclectic fashion and accessories
Travel and adventure blogs
Artistic photography portfolios
Bohemian event branding
Cultural festival promotions
Creative workshop websites

Suggested color roles

primary

Use #A52A2A for strong, foundational elements like headers, navigation, or important calls-to-action, providing a deep, passionate anchor.

secondary

Apply #E37B00 for subheadings, background sections, or large graphic elements to offer robust warmth and support.

accent

Utilize #F7C04A as a bright, inviting accent for interactive elements, highlights, or decorative details, adding a pop of cheerful energy.

background

Employ #6A1B3B as a rich, sophisticated background color for specific sections or cards, ensuring readability and an intriguing feel.

text

For optimal readability, use white or a very light gray against darker shades like #A52A2A, #6A1B3B, or #008B8B. Use a dark charcoal against #F7C04A or #E37B00.

Accessibility notes

Ensure sufficient contrast for text when using dark colors like #A52A2A, #6A1B3B, or #008B8B on light backgrounds, or white text on these darker shades.
Avoid low-contrast pairings like #F7C04A text on #E37B00 backgrounds for essential information.
Leverage the strong contrast between the vibrant accents and deep base colors for clear visual hierarchy.
Always test color combinations with accessibility checkers to meet WCAG AA standards, especially for text and interactive elements.

Recommended combinations

Vibrant Eclectic

Ideal for a bold brand presence, combining vibrant warmth with cool, unexpected accents for an artistic feel.

#A52A2A · #F7C04A · #008B8B

Earthy Energy

Creates an inviting atmosphere for content blocks or visual storytelling, with rich, energetic tones.

#E37B00 · #6A1B3B · #F7C04A

Gypsy Spirit

Effective for UI elements where clear separation is needed without harshness, such as cards or modals, with a rich, natural depth.

#A52A2A · #E37B00 · #6A1B3B

CSS variables

:root {
  --bohemian-gypsy-heart-1: #A52A2A;
  --bohemian-gypsy-heart-2: #E37B00;
  --bohemian-gypsy-heart-3: #F7C04A;
  --bohemian-gypsy-heart-4: #6A1B3B;
  --bohemian-gypsy-heart-5: #008B8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-gypsy-heart": {
        1: "#A52A2A",
        2: "#E37B00",
        3: "#F7C04A",
        4: "#6A1B3B",
        5: "#008B8B",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#E37B00

Color 3#F7C04A

Color 4#6A1B3B

Color 5#008B8B

Accessibility

Contrast checker

2.4:1Fail

4.2:1AA18

1.6:1Fail

1.7:1Fail

2.4:1Fail

1.8:1Fail

3.9:1AA18

1.4:1Fail

4.2:1AA18

1.8:1Fail

6.9:1AA

2.5:1Fail

1.6:1Fail

3.9:1AA18

6.9:1AA

2.8:1Fail

1.7:1Fail

1.4:1Fail

2.5:1Fail

2.8:1Fail

Similar palettes

More like Bohemian Gypsy Heart

View all warm

Bohemian Bazaar Spice

Amber Spice Blend

Ancient Spice Route

Eastern Souk Glow

Moroccan Spice Bazaar

Moroccan Spice Market