Palette

Bohemian Sunset Bloom

Warm, sun-drenched oranges and creamy pastels, perfect for a free-spirited aesthetic.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E77B5C#F4A37C#FCECD9#A64F34#7C3A27

Palette guide

How to use Bohemian Sunset Bloom

Overview

The Bohemian Sunset Bloom palette offers warm, sun-drenched oranges and creamy pastels, perfect for a free-spirited aesthetic. This natural scheme features a soft Coral (#E77B5C), gentle Peach (#F4A37C), creamy Off-White (#FCECD9), rich Burnt Orange (#A64F34), and deep Coffee Brown (#7C3A27). It's ideal for designs that aim for a natural, serene, and inviting mood, conveying warmth and a relaxed, artistic sensibility. Designers and developers can leverage this palette to craft visually comforting and engaging user experiences.

Best used for

Bohemian wedding stationery
Sunset-inspired photography edits
Natural skincare product packaging
Cozy lifestyle blogs and websites
Free-spirited fashion lookbooks
Warm and inviting user interfaces

Suggested color roles

primary

#E77B5C (Coral) serves as a warm, inviting main color for headers or prominent graphic elements, evoking a sunset glow.

secondary

#A64F34 (Burnt Orange) provides a rich, grounding contrast, ideal for subheadings or supportive content blocks.

accent

#7C3A27 (Coffee Brown) offers a deep, sophisticated accent for calls to action, important details, or decorative flourishes.

background

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

text

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

Accessibility notes

#FCECD9 is an excellent background; ensure text in #F4A37C or #E77B5C has sufficient contrast.
Pair darker colors like #A64F34 or #7C3A27 with #FCECD9 for body text to meet WCAG AA standards.
Avoid using #E77B5C text on #F4A37C due to potential low contrast, especially for smaller font sizes.
Consider larger font sizes for text elements in mid-tone colors to enhance readability.

Recommended combinations

Sunset Glow

Ideal for creating soft, romantic headers or prominent visual elements in sunset-themed designs.

#E77B5C · #FCECD9 · #A64F34

Earthy Bloom

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

#7C3A27 · #E77B5C · #F4A37C

Pastel Warmth

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

#F4A37C · #FCECD9 · #A64F34

CSS variables

:root {
  --bohemian-sunset-bloom-1: #E77B5C;
  --bohemian-sunset-bloom-2: #F4A37C;
  --bohemian-sunset-bloom-3: #FCECD9;
  --bohemian-sunset-bloom-4: #A64F34;
  --bohemian-sunset-bloom-5: #7C3A27;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-sunset-bloom": {
        1: "#E77B5C",
        2: "#F4A37C",
        3: "#FCECD9",
        4: "#A64F34",
        5: "#7C3A27",
      }
    }
  }
}

Hex values

Color 1#E77B5C

Color 2#F4A37C

Color 3#FCECD9

Color 4#A64F34

Color 5#7C3A27

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

1.9:1Fail

3:1Fail

1.4:1Fail

1.7:1Fail

2.7:1Fail

4.2:1AA18

2.5:1Fail

1.7:1Fail

4.8:1AA

7.3:1AAA

1.9:1Fail

2.7:1Fail

4.8:1AA

1.5:1Fail

3:1Fail

4.2:1AA18

7.3:1AAA

1.5:1Fail

Similar palettes

More like Bohemian Sunset Bloom