Back to palettes

Palette

Geothermal Spring Basin

Grounded tones reflecting rugged terrain, hot springs, and mineral-rich volcanic landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geothermal Spring Basin 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 Geothermal Spring Basin.

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

Data visualization

#4A3E3B#725D54#A6867B#CDB29A#E4D1BC

Palette guide

How to use Geothermal Spring Basin

Overview

Geothermal Spring Basin is a grounding and serene color palette inspired by natural, mineral-rich landscapes. This earthy collection features a deep, rich brown (#4A3E3B), a warm reddish-brown (#725D54), a soft terracotta (#A6867B), a light taupe (#CDB29A), and a creamy, near-white beige (#E4D1BC). It evokes the rugged terrain and soothing warmth of hot springs, offering a natural and rustic aesthetic. Designers and developers can use this palette to create warm, inviting, and organic designs for websites, interior concepts, or branding that emphasizes authenticity, comfort, and a connection to nature.

Best used for

  • Eco-friendly product branding
  • Spa and wellness websites
  • Interior design concepts
  • Handcrafted goods packaging
  • Nature-themed publications
  • Rustic wedding invitations

Suggested color roles

primary

A deep, grounding brown (#4A3E3B) perfect for main backgrounds, headers, or robust brand elements.

secondary

Provides a warmer mid-tone, #725D54 is excellent for subheadings, secondary content blocks, or accents.

accent

This soft terracotta (#A6867B) offers a gentle pop of warmth, suitable for subtle calls-to-action or decorative elements.

background

A light, creamy beige (#E4D1BC) that serves as an excellent, warm neutral background for most content.

text

For optimal readability on lighter backgrounds, use the darkest brown (#4A3E3B). For dark backgrounds, use #E4D1BC.

Accessibility notes

  • Ensure sufficient contrast for text placed on #E4D1BC (creamy beige), preferably using #4A3E3B.
  • Avoid placing #CDB29A (light taupe) text on #E4D1BC backgrounds due to very low contrast.
  • The darker browns, #4A3E3B and #725D54, provide good contrast for lighter text colors.
  • When using #A6867B for text, ensure it's on a significantly lighter or darker background for readability.

Recommended combinations

Earthy Base

Creates a strong, natural foundation for web layouts or brand identity.

#4A3E3B · #725D54 · #E4D1BC

Warm Neutral

Ideal for soft, inviting backgrounds and subtle graphical elements.

#E4D1BC · #CDB29A · #A6867B

Rustic Accent

Highlights natural textures or decorative details in print or digital media.

#725D54 · #A6867B · #4A3E3B

CSS variables

:root {
  --geothermal-spring-basin-1: #4A3E3B;
  --geothermal-spring-basin-2: #725D54;
  --geothermal-spring-basin-3: #A6867B;
  --geothermal-spring-basin-4: #CDB29A;
  --geothermal-spring-basin-5: #E4D1BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geothermal-spring-basin": {
        1: "#4A3E3B",
        2: "#725D54",
        3: "#A6867B",
        4: "#CDB29A",
        5: "#E4D1BC",
      }
    }
  }
}

Related searches

earth tone color palettenatural spa colorsrustic design schemewarm neutral palettemineral inspired colors

Palette colors

Hex values

Color 1#4A3E3B
·
Color 2#725D54
·
Color 3#A6867B
·
Color 4#CDB29A
·
Color 5#E4D1BC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
5.1:1AA
6.9:1AA
2
1.7:1Fail
1.9:1Fail
3.1:1AA18
4.1:1AA18
3
3.1:1AA18
1.9:1Fail
1.7:1Fail
2.2:1Fail
4
5.1:1AA
3.1:1AA18
1.7:1Fail
1.4:1Fail
5
6.9:1AA
4.1:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Geothermal Spring Basin

View all earth
Ancient Clay Vessel
Bohemian Loom Tapestry
Earthy Artisan Clay
Kiln Fired Earth
Muted Clay Pottery
Rustic Pottery Barn