Back to palettes

Palette

Savanna Grasslands Heat

Golden and sun-baked hues that capture the vast, arid beauty of hot, sun-drenched grasslands.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Savanna Grasslands Heat 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 Savanna Grasslands Heat.

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

Data visualization

#B8860B#D2B48C#DAA520#CD853F#F0E68C

Palette guide

How to use Savanna Grasslands Heat

Overview

The Savanna Grasslands Heat palette evokes the breathtaking beauty of sun-drenched, arid landscapes, offering a warm and natural aesthetic. Featuring goldenrod shades like #B8860B and #DAA520, alongside the soft khaki of #F0E68C and earthy tones of #D2B48C and #CD853F, this collection is ideal for projects aiming for an organic, inviting, yet robust feel. Designers and developers can leverage its warmth to create engaging user experiences, establishing a connection to nature and a sense of enduring strength. It's perfect for branding, digital interfaces, or print materials that require a grounded, warm, and authentic visual language.

Best used for

  • Nature-themed branding and logos
  • Outdoor adventure websites
  • Earthy product packaging
  • Documentary film titles and graphics
  • Warm and inviting interior design concepts
  • Travel blogs focusing on arid regions

Suggested color roles

primary

#B8860B (Goldenrod) - A strong, anchoring color, excellent for main headings, prominent buttons, or key navigational elements.

secondary

#CD853F (Peru) - Provides a rich, supporting warmth, suitable for subheadings, secondary calls-to-action, or decorative accents.

accent

#DAA520 (Goldenrod) - A brighter, more vibrant golden hue perfect for interactive elements, highlights, or small, impactful details.

background

#F0E68C (Khaki) - A light, airy base that ensures readability and provides a warm, natural foundation for content areas.

text

#333333 (dark charcoal) for body text on light backgrounds. For headings or larger text on lighter backgrounds, #B8860B or #CD853F offers good contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #D2B48C or #F0E68C with white or very light text.
  • Use #B8860B or #CD853F for primary text on light backgrounds such as #F0E68C to meet WCAG AA standards for readability.
  • Avoid using #D2B48C and #F0E68C adjacent to each other for critical information due to their low contrast.
  • Consider a darker contrast color, like a deep brown, for essential body text if the palette's darker shades aren't dark enough against the lightest backgrounds.

Recommended combinations

Warm Readability

For a light, readable content block with a strong heading and clear body text.

#F0E68C · #B8860B · #D2B48C

Desert Highlight

Effective for attention-grabbing calls-to-action or interactive elements with bright text.

#CD853F · #DAA520 · #D2B48C

Natural Depth

A harmonious blend for layered UI components, such as cards or panels, providing subtle visual hierarchy.

#D2B48C · #B8860B · #CD853F

CSS variables

:root {
  --savanna-grasslands-heat-1: #B8860B;
  --savanna-grasslands-heat-2: #D2B48C;
  --savanna-grasslands-heat-3: #DAA520;
  --savanna-grasslands-heat-4: #CD853F;
  --savanna-grasslands-heat-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "savanna-grasslands-heat": {
        1: "#B8860B",
        2: "#D2B48C",
        3: "#DAA520",
        4: "#CD853F",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

savanna color schemesearthy yellow palettedesert landscape colorswarm nature huesgolden brown palette

Palette colors

Hex values

Color 1#B8860B
·
Color 2#D2B48C
·
Color 3#DAA520
·
Color 4#CD853F
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.5:1Fail
1.1:1Fail
2.5:1Fail
2
1.7:1Fail
1.1:1Fail
1.5:1Fail
1.5:1Fail
3
1.5:1Fail
1.1:1Fail
1.3:1Fail
1.7:1Fail
4
1.1:1Fail
1.5:1Fail
1.3:1Fail
2.3:1Fail
5
2.5:1Fail
1.5:1Fail
1.7:1Fail
2.3:1Fail

Similar palettes

More like Savanna Grasslands Heat

View all warm
Amber Grain Harvest
Canyon Vista Hues
Desert Cactus Bloom
Golden Grain Fields
Golden Hour Harvest
Harvest Field Grain