Back to palettes

Palette

Boho Sunloom Weave

Warm, sunny hues and earthy browns evoking the handcrafted warmth of a woven boho tapestry.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boho Sunloom 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 Boho Sunloom Weave.

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

Data visualization

#FDD835#FFB300#FF8F00#E65100#795548

Palette guide

How to use Boho Sunloom Weave

Overview

The Boho Sunloom Weave palette captures the vibrant energy of sun-drenched hues and grounding earthy browns, evoking the handcrafted warmth of a woven boho tapestry. This spirited collection includes a bright yellow #FDD835, a rich amber #FFB300, a fiery orange #FF8F00, a deep burnt orange #E65100, and a solid warm brown #795548. Designers can leverage these colors to create energetic, natural, and inviting projects with a global feel. Developers will find these hues offer dynamic possibilities for visual hierarchy and interactive elements, perfect for building engaging user interfaces or digital art that radiates warmth and an authentic, sun-kissed charm, reminiscent of vibrant sunsets and artisan crafts.

Best used for

  • Bohemian travel or adventure blogs
  • E-commerce for ethnic textiles or artisan goods
  • Summer festival or event branding
  • Natural beauty products with a warm theme
  • Digital illustrations with a sun-baked aesthetic
  • Food and beverage branding, especially for spices

Suggested color roles

primary

#E65100 - A deep, impactful burnt orange, excellent for main headings, call-to-action buttons, or hero sections.

secondary

#FFB300 - A rich amber that provides a vibrant complement, suitable for subheadings, secondary interactive elements, or key content blocks.

accent

#FDD835 - A bright, sunny yellow that acts as a lively accent, best used sparingly for highlights, icons, or decorative flourishes.

background

#795548 - A warm, solid brown that offers a grounding backdrop, allowing the brighter oranges and yellows to truly glow.

text

For text on lighter backgrounds like #FDD835 or #FFB300, a deep brown like #795548 ensures readability. Against darker tones, crisp white is recommended.

Accessibility notes

  • Ensure sufficient contrast when using #E65100 or #795548 for text against #FDD835 or #FFB300.
  • Avoid pairing #FDD835 and #FFB300 for text and background, as their similar luminance will significantly hinder readability.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • Be cautious with the very bright #FDD835; use it for small accents or ensure it has dark text overlay for legibility.

Recommended combinations

Sunset Glow

Creates a vibrant and energetic gradient, ideal for headers or eye-catching graphic elements.

#FDD835 · #FFB300 · #FF8F00

Earthy Anchor

Provides a strong, grounded base with bright, warm accents, perfect for branding or key interactive components.

#795548 · #E65100 · #FDD835

Warm Depths

Offers a rich, deep blend of oranges and brown, suitable for textured backgrounds or impactful visual blocks.

#FF8F00 · #E65100 · #795548

CSS variables

:root {
  --boho-sunloom-weave-1: #FDD835;
  --boho-sunloom-weave-2: #FFB300;
  --boho-sunloom-weave-3: #FF8F00;
  --boho-sunloom-weave-4: #E65100;
  --boho-sunloom-weave-5: #795548;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-sunloom-weave": {
        1: "#FDD835",
        2: "#FFB300",
        3: "#FF8F00",
        4: "#E65100",
        5: "#795548",
      }
    }
  }
}

Related searches

boho sun colorswarm tapestry paletteethnic orange brown schemenatural energetic designsun-kissed bohemian hues

Palette colors

Hex values

Color 1#FDD835
·
Color 2#FFB300
·
Color 3#FF8F00
·
Color 4#E65100
·
Color 5#795548
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.7:1Fail
4.7:1AA
2
1.3:1Fail
1.3:1Fail
2.1:1Fail
3.6:1AA18
3
1.6:1Fail
1.3:1Fail
1.7:1Fail
2.9:1Fail
4
2.7:1Fail
2.1:1Fail
1.7:1Fail
1.7:1Fail
5
4.7:1AA
3.6:1AA18
2.9:1Fail
1.7:1Fail

Similar palettes

More like Boho Sunloom Weave

View all Warm