Back to palettes

Palette

Bohemian Sky Weave

A tapestry of vibrant purples, reflecting artistic freedom and expressive design.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Sky Weave 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 Sky Weave.

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

Data visualization

#8B008B#FF00FF#DA70D6#BA55D3#9932CC

Palette guide

How to use Bohemian Sky Weave

Overview

The Bohemian Sky Weave palette is a tapestry of vibrant purples, reflecting artistic freedom and expressive design. This playful scheme features a deep Dark Magenta (#8B008B), electric Fuchsia (#FF00FF), soft Orchid (#DA70D6), striking Medium Orchid (#BA55D3), and rich Dark Orchid (#9932CC). It's perfect for designs that aim for a vibrant, artistic, and maximalist mood, conveying creativity and bold expression. Designers and developers can leverage this palette to create visually captivating and memorable user experiences that truly stand out.

Best used for

  • Bohemian fashion and textile designs
  • Creative digital art and illustrations
  • Festival and event branding
  • Vibrant beauty product packaging
  • Art studio or gallery websites
  • Expressive social media content

Suggested color roles

primary

#FF00FF (Fuchsia) serves as a powerful, attention-grabbing main color for headlines or key interactive elements, exuding vibrancy.

secondary

#BA55D3 (Medium Orchid) provides a softer, yet rich purple for subheadings or supportive content, maintaining elegance.

accent

#8B008B (Dark Magenta) offers a deep, grounding accent for calls to action, important details, or decorative flourishes.

background

#DA70D6 (Orchid) creates a soft, inviting backdrop, allowing darker colors to pop, or use a crisp white for maximum contrast.

text

Use #8B008B for main body text on lighter backgrounds like #DA70D6, ensuring optimal legibility.

Accessibility notes

  • Ensure sufficient contrast between lighter purples like #DA70D6 and #FF00FF when used together, especially for text.
  • Pair darker purples like #8B008B or #9932CC with #DA70D6 for body text to meet WCAG AA standards.
  • Avoid using #FF00FF as text on similar mid-tone purples due to potential low contrast and visual discomfort.
  • Consider using these vibrant colors primarily for larger headlines or graphic accents, reserving strong contrasts for body text.

Recommended combinations

Purple Burst

Creates an energetic, bold feel for banners, highlight sections, or playful branding elements.

#FF00FF · #8B008B · #DA70D6

Woven Depth

Ideal for establishing depth and visual interest, combining various shades of purple effectively.

#9932CC · #BA55D3 · #FF00FF

Artistic Flow

Use for soft gradients, background textures, or highlighting subtle artistic details in textile-inspired designs.

#DA70D6 · #BA55D3 · #8B008B

CSS variables

:root {
  --bohemian-sky-weave-1: #8B008B;
  --bohemian-sky-weave-2: #FF00FF;
  --bohemian-sky-weave-3: #DA70D6;
  --bohemian-sky-weave-4: #BA55D3;
  --bohemian-sky-weave-5: #9932CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-sky-weave": {
        1: "#8B008B",
        2: "#FF00FF",
        3: "#DA70D6",
        4: "#BA55D3",
        5: "#9932CC",
      }
    }
  }
}

Related searches

bohemian purple color palettevibrant orchid fuchsiaartistic expressive designmaximalist purple schemebright textile colors

Palette colors

Hex values

Color 1#8B008B
·
Color 2#FF00FF
·
Color 3#DA70D6
·
Color 4#BA55D3
·
Color 5#9932CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
2.9:1Fail
2.2:1Fail
1.5:1Fail
2
2.7:1Fail
1.1:1Fail
1.3:1Fail
1.8:1Fail
3
2.9:1Fail
1.1:1Fail
1.4:1Fail
2:1Fail
4
2.2:1Fail
1.3:1Fail
1.4:1Fail
1.4:1Fail
5
1.5:1Fail
1.8:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Bohemian Sky Weave

View all vibrant