Back to palettes

Palette

Bohemian Sky Weave

Free-spirited blues and soft purples, reminiscent of a vast, open sky and woven textures, for a calm and artistic feel.

coolnatural5 colors
More cool 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

#ADD8E6#B0C4DE#4682B4#7B68EE#6A5ACD

Palette guide

How to use Bohemian Sky Weave

Overview

The Bohemian Sky Weave palette features free-spirited blues and soft purples, reminiscent of a vast, open sky and woven textures, for a calm and artistic feel. This natural scheme includes a light Pale Blue (#ADD8E6), muted Light Steel Blue (#B0C4DE), deep Steel Blue (#4682B4), vibrant Medium Slate Blue (#7B68EE), and rich Slate Blue (#6A5ACD). It's perfect for designs aiming for a serene, artistic, and calming mood, conveying tranquility and creativity. Designers and developers can leverage this palette to create visually soothing and engaging user experiences.

Best used for

  • Relaxation and wellness app interfaces
  • Bohemian textile patterns
  • Nature-inspired landscape photography
  • Artistic stationery designs
  • Calm and serene website backgrounds
  • Spiritual or meditative branding

Suggested color roles

primary

#4682B4 (Steel Blue) serves as a grounding, deep main color for headers or prominent sections, evoking stability.

secondary

#7B68EE (Medium Slate Blue) provides a vibrant, artistic contrast for subheadings or interactive elements, adding visual interest.

accent

#6A5ACD (Slate Blue) offers a rich, harmonious accent for calls to action, important details, or decorative flourishes.

background

#ADD8E6 (Pale Blue) or #B0C4DE (Light Steel Blue) creates a soft, airy backdrop, ensuring excellent readability.

text

Use #4682B4 or a dark navy for main body text on lighter backgrounds like #ADD8E6, providing clarity and calm.

Accessibility notes

  • Ensure sufficient contrast when using #ADD8E6 or #B0C4DE as text on similarly light blue backgrounds.
  • Pair darker colors like #4682B4 or #6A5ACD with #ADD8E6 for body text to meet WCAG AA standards.
  • Avoid placing #7B68EE text on #6A5ACD due to potential low contrast, especially for smaller font sizes.
  • Consider larger font sizes for text elements in mid-tone colors like #B0C4DE to enhance readability.

Recommended combinations

Sky Serenity

Ideal for creating calm, airy headers or prominent visual elements in serene designs.

#ADD8E6 · #4682B4 · #7B68EE

Woven Depth

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

#6A5ACD · #B0C4DE · #4682B4

Artistic Flow

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

#7B68EE · #ADD8E6 · #B0C4DE

CSS variables

:root {
  --bohemian-sky-weave-2-1: #ADD8E6;
  --bohemian-sky-weave-2-2: #B0C4DE;
  --bohemian-sky-weave-2-3: #4682B4;
  --bohemian-sky-weave-2-4: #7B68EE;
  --bohemian-sky-weave-2-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-sky-weave-2": {
        1: "#ADD8E6",
        2: "#B0C4DE",
        3: "#4682B4",
        4: "#7B68EE",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

bohemian blue purple palettesky weave color schemecalm artistic bluesnatural cool tonesrelaxed slate blue design

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0C4DE
·
Color 3#4682B4
·
Color 4#7B68EE
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.7:1Fail
2.7:1Fail
3.5:1AA18
2
1.2:1Fail
2.3:1Fail
2.3:1Fail
3:1Fail
3
2.7:1Fail
2.3:1Fail
1:1Fail
1.3:1Fail
4
2.7:1Fail
2.3:1Fail
1:1Fail
1.3:1Fail
5
3.5:1AA18
3:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Sky Weave

View all cool