Back to palettes

Palette

Dry Savannah

Sun-bleached yellows and tans, capturing the golden hues of dry grass in an expansive savannah landscape.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dry Savannah 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 Dry Savannah.

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

Data visualization

#B38D4F#D9B87F#F2D7B4#FFF6E4#9E7B3D

Palette guide

How to use Dry Savannah

Overview

The "Dry Savannah" palette captures the sun-bleached yellows and tans of dry grass in an expansive savannah landscape. This warm, earthy collection features a rich camel #B38D4F, a lighter golden tan #D9B87F, a soft cream #F2D7B4, an almost-white #FFF6E4, and a deep, grounded brown #9E7B3D. It's ideal for designs seeking a natural, rustic, and inviting aesthetic, evoking the warmth of the sun-drenched outdoors. Designers can utilize this palette for travel branding, nature-themed websites, or artisanal product packaging. Developers will find these hex codes excellent for creating warm, authentic user interfaces that convey a sense of adventure and natural beauty.

Best used for

  • Travel and safari-themed branding
  • Outdoor adventure or camping gear websites
  • Natural history museum exhibits
  • Artisanal coffee or tea brand packaging
  • Rustic home decor or furniture design
  • Documentary film branding or websites

Suggested color roles

primary

#B38D4F - A rich camel tone, excellent for main content areas or primary branding elements to convey warmth and earthiness.

secondary

#D9B87F - A lighter golden tan, perfect for subheadings, secondary information, or subtle background textures.

accent

#9E7B3D - The deepest brown, ideal for calls-to-action, important icons, or to provide strong, grounded contrast.

background

#FFF6E4 - A very light, warm cream, offering a clean, airy, and inviting canvas that enhances the golden hues.

text

#5C4033 (dark brown) - A rich, deep brown ensures excellent readability and perfectly complements the savannah tones.

Accessibility notes

  • Ensure sufficient contrast when pairing #D9B87F or #F2D7B4 with #FFF6E4 for text; a darker text color is essential.
  • For body text, a dark color like #5C4033 or black is crucial against all lighter backgrounds in this palette.
  • #9E7B3D provides excellent contrast on #FFF6E4 for headings or key information.
  • Avoid using #B38D4F as text on #D9B87F due to potential low contrast, especially for smaller fonts.

Recommended combinations

Golden Horizon

Creates a soft, sun-drenched background gradient or layered elements, evoking a vast, open landscape.

#FFF6E4 · #F2D7B4 · #D9B87F

Earthy Depth

Use for primary branding, strong text, and a clean background to highlight the rich, natural browns.

#B38D4F · #9E7B3D · #FFF6E4

Savannah Accents

Ideal for decorative elements, subtle borders, or to add warmth and texture to visual components.

#D9B87F · #F2D7B4 · #B38D4F

CSS variables

:root {
  --dry-savannah-1: #B38D4F;
  --dry-savannah-2: #D9B87F;
  --dry-savannah-3: #F2D7B4;
  --dry-savannah-4: #FFF6E4;
  --dry-savannah-5: #9E7B3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dry-savannah": {
        1: "#B38D4F",
        2: "#D9B87F",
        3: "#F2D7B4",
        4: "#FFF6E4",
        5: "#9E7B3D",
      }
    }
  }
}

Related searches

dry grassland colorssavannah inspired palettegolden earthy tonesnatural warm brandingsun bleached aesthetic

Palette colors

Hex values

Color 1#B38D4F
·
Color 2#D9B87F
·
Color 3#F2D7B4
·
Color 4#FFF6E4
·
Color 5#9E7B3D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
2.9:1Fail
1.3:1Fail
2
1.6:1Fail
1.4:1Fail
1.8:1Fail
2.1:1Fail
3
2.2:1Fail
1.4:1Fail
1.3:1Fail
2.8:1Fail
4
2.9:1Fail
1.8:1Fail
1.3:1Fail
3.7:1AA18
5
1.3:1Fail
2.1:1Fail
2.8:1Fail
3.7:1AA18

Similar palettes

More like Dry Savannah

View all earth
Aegean Coast Drift
Agave Spire Dawn
Ancient Desert Sands
Ancient Desert Sands
Ancient Pyramid Stone
Autumn Gleam