Back to palettes

Palette

Safari Tent Shade

The earthy, protective ambiance of a safari tent providing respite from the sun.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Safari Tent Shade 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 Safari Tent Shade.

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

Data visualization

#A1A176#8F8F63#C2B280#6B6B4C#D3C6A2

Palette guide

How to use Safari Tent Shade

Overview

The "Safari Tent Shade" palette captures the earthy, protective ambiance of a safari tent, offering respite from the sun. This collection features a harmonious blend of muted greens and warm beiges: from the deep, grounding #6B6B4C to the airy #D3C6A2, with versatile mid-tones like #A1A176, #8F8F63, and #C2B280. Designers will find this palette excellent for creating natural, adventurous, yet calming aesthetics. Developers can leverage these colors to craft user interfaces that feel organic, robust, and inviting, perfect for travel, outdoor, or eco-conscious branding and digital experiences.

Best used for

  • Outdoor adventure brand websites
  • Eco-friendly product packaging
  • Travel blog or photography portfolios
  • UI for nature-themed applications
  • Interior design concepts for rustic or bohemian spaces
  • Branding for sustainable businesses

Suggested color roles

primary

The deep #6B6B4C provides a strong, natural base for headers, footers, or main navigation.

secondary

Use #A1A176 for secondary content blocks or large background areas, offering a muted, earthy feel.

accent

#C2B280 or #D3C6A2 can be used for highlights, calls-to-action, or subtle decorative elements, adding warmth.

background

#D3C6A2 offers a light, airy background, evoking natural canvas or sand.

text

A dark brown or charcoal provides good readability against the lighter tones, while #6B6B4C works well on very light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when placing text on mid-tones like #A1A176 or #C2B280.
  • The lightest color, #D3C6A2, requires a dark text color (e.g., #6B6B4C or black) for readability.
  • Avoid low-contrast pairings such as #8F8F63 text on #A1A176 backgrounds.
  • Always verify WCAG compliance for text and interactive elements, especially in a palette with similar luminosity values.

Recommended combinations

Natural Base

Creates a grounded, organic feel, perfect for web backgrounds and primary content areas.

#6B6B4C · #A1A176 · #D3C6A2

Earthy Highlights

Ideal for accents, buttons, or illustrations that need a touch of natural warmth.

#C2B280 · #8F8F63 · #A1A176

Tent Canvas

Mimics the layered look of canvas and shadow, suitable for textured UIs or visual branding.

#D3C6A2 · #A1A176 · #6B6B4C

CSS variables

:root {
  --safari-tent-shade-1: #A1A176;
  --safari-tent-shade-2: #8F8F63;
  --safari-tent-shade-3: #C2B280;
  --safari-tent-shade-4: #6B6B4C;
  --safari-tent-shade-5: #D3C6A2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "safari-tent-shade": {
        1: "#A1A176",
        2: "#8F8F63",
        3: "#C2B280",
        4: "#6B6B4C",
        5: "#D3C6A2",
      }
    }
  }
}

Related searches

safari color schemeearthy neutral paletteoutdoor adventure colorsnatural canvas tonesmuted green beige palette

Palette colors

Hex values

Color 1#A1A176
·
Color 2#8F8F63
·
Color 3#C2B280
·
Color 4#6B6B4C
·
Color 5#D3C6A2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
2.1:1Fail
1.6:1Fail
2
1.3:1Fail
1.6:1Fail
1.6:1Fail
2:1Fail
3
1.3:1Fail
1.6:1Fail
2.6:1Fail
1.2:1Fail
4
2.1:1Fail
1.6:1Fail
2.6:1Fail
3.2:1AA18
5
1.6:1Fail
2:1Fail
1.2:1Fail
3.2:1AA18

Similar palettes

More like Safari Tent Shade

View all neutral
Boho Earth Weave
Boho Macrame Weave
Coastal Cliff Path
Dusty Plains Serene
Limestone Cliff Coast
River Stone Blend