Back to palettes

Palette

Bohemian Garden Gate

An inviting blend of weathered greens and warm naturals, evoking a secret bohemian garden entrance.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Garden Gate 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 Garden Gate.

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

Data visualization

#9B7A66#D9BF97#5E8C6B#C99B77#A4BFB1

Palette guide

How to use Bohemian Garden Gate

Overview

The Bohemian Garden Gate palette offers an inviting blend of weathered greens and warm naturals, evoking a secret bohemian garden entrance. It features a grounding #9B7A66 (Brownish Gray) and a vibrant #D9BF97 (Pale Gold) for a rustic contrast. The refreshing #5E8C6B (Forest Green) adds an organic touch, while the warm #C99B77 (Light Brown) and the muted #A4BFB1 (Light Greenish Gray) complete the natural spectrum. This palette is ideal for designs that aim to convey a sense of calm, natural artistry, and a free-spirited aesthetic. Designers will find it versatile for creating engaging, visually rich experiences, while developers can leverage its balanced harmony for intuitive and visually pleasing user interfaces across various digital platforms.

Best used for

  • Garden and landscaping businesses
  • Bohemian-themed event planning
  • Natural beauty product branding
  • Outdoor lifestyle blogs
  • Rustic wedding invitations
  • Vintage home decor e-commerce

Suggested color roles

primary

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

secondary

Apply #9B7A66 for subheadings, background sections, or large graphic elements to offer robust depth and support.

accent

Utilize #C99B77 as a warm, inviting accent for interactive elements, highlights, or decorative details, adding a touch of rustic glow.

background

Employ #D9BF97 as a soft, neutral background color for pages or content cards, ensuring readability and a gentle, organic feel.

text

For optimal readability, use a dark brown like #3A231C or a rich charcoal against lighter shades such as #D9BF97 or #A4BFB1.

Accessibility notes

  • Ensure sufficient contrast for text when using #5E8C6B or #9B7A66 on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #D9BF97 text on #C99B77 backgrounds for essential information.
  • Leverage the contrast between the deepest colors and the lightest for clear visual hierarchy.
  • Always test color combinations with accessibility checkers to meet WCAG AA standards, especially for text and interactive elements.

Recommended combinations

Garden Entrance

Ideal for a balanced brand presence, combining fresh green with warm neutrals for an inviting feel.

#5E8C6B · #D9BF97 · #9B7A66

Weathered Charm

Creates an inviting atmosphere for content blocks or visual storytelling, reminiscent of aged wood and soft foliage.

#C99B77 · #A4BFB1 · #D9BF97

Boho Green

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

#5E8C6B · #9B7A66 · #C99B77

CSS variables

:root {
  --bohemian-garden-gate-1: #9B7A66;
  --bohemian-garden-gate-2: #D9BF97;
  --bohemian-garden-gate-3: #5E8C6B;
  --bohemian-garden-gate-4: #C99B77;
  --bohemian-garden-gate-5: #A4BFB1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-garden-gate": {
        1: "#9B7A66",
        2: "#D9BF97",
        3: "#5E8C6B",
        4: "#C99B77",
        5: "#A4BFB1",
      }
    }
  }
}

Related searches

boho garden paletteearthy green brownrustic vintage colorsorganic gate designnatural inviting scheme

Palette colors

Hex values

Color 1#9B7A66
·
Color 2#D9BF97
·
Color 3#5E8C6B
·
Color 4#C99B77
·
Color 5#A4BFB1
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1:1Fail
1.6:1Fail
2:1Fail
2
2.2:1Fail
2.2:1Fail
1.4:1Fail
1.1:1Fail
3
1:1Fail
2.2:1Fail
1.6:1Fail
2:1Fail
4
1.6:1Fail
1.4:1Fail
1.6:1Fail
1.3:1Fail
5
2:1Fail
1.1:1Fail
2:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Garden Gate

View all earth
Boho Trailblazer Hues
Ancient Earth Whisper
Ancient Scrolls Earth
Bohemian Earth
Bohemian Earth Weave
Bohemian Earth Weave