Back to palettes

Palette

Enchanted River Stone

A soothing palette reflecting the natural, cool tones of smooth stones at the bottom of a clear river.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted River Stone 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 Enchanted River Stone.

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

Data visualization

#708090#5F9EA0#A9A9A9#EAE0D3#6B5B4F

Palette guide

How to use Enchanted River Stone

Overview

The Enchanted River Stone palette is a soothing collection reflecting the natural, cool tones of smooth stones at the bottom of a clear river. Featuring a balanced slate gray #708090, a calming cadet blue #5F9EA0, and a warm, inviting off-white #EAE0D3, this palette is perfect for designers seeking a serene, organic, and peaceful aesthetic. Developers will find these hex codes ideal for creating tranquil interfaces, minimalist branding, and harmonious digital spaces. The grounding earthy brown #6B5B4F adds crucial depth, while the consistent cool-grey tones ensure visual tranquility and a touch of natural elegance.

Best used for

  • Wellness and meditation app interfaces
  • Eco-friendly brand identities and packaging
  • Spa and relaxation website designs
  • Interior design for serene living spaces
  • Nature photography portfolios with a calm theme
  • Environmental awareness campaign materials

Suggested color roles

primary

#708090 - A balanced slate gray, excellent for dominant sections, headers, or grounding graphical elements, establishing a calm, stable foundation.

secondary

#A9A9A9 - A medium dark grey. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding gentle depth and a stone-like texture.

accent

#5F9EA0 - A calming cadet blue, reminiscent of clear water. Perfect for calls-to-action, interactive elements, or key highlights that need a subtle, refreshing pop.

background

#EAE0D3 - A very light, warm off-white, providing a clean, open, and serene canvas that feels natural and inviting.

text

#6B5B4F - A rich, dark brown that offers excellent readability against lighter backgrounds, seamlessly integrating with the palette's organic and earthy feel.

Accessibility notes

  • Ensure #6B5B4F text on #EAE0D3 background meets WCAG AAA contrast standards for optimal readability.
  • Avoid using #A9A9A9 or #708090 for small text on #EAE0D3 as the contrast will be insufficient.
  • For interactive elements, always verify the contrast of the accent color against its background.
  • Consider using a pure black or dark charcoal for critical text if the darkest brown doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Riverbed Calm

Slate gray for major sections, medium gray for content, and light off-white for background, creating a serene, layered look.

#708090 · #A9A9A9 · #EAE0D3

Water & Stone

Use #EAE0D3 as a clean base, #708090 for headings, and #5F9EA0 for refreshing accents or interactive elements.

#5F9EA0 · #708090 · #EAE0D3

Earthy Flow

Dark brown for dominant elements, medium gray for secondary elements, and cadet blue for crucial accents, creating a grounded, natural feel.

#6B5B4F · #A9A9A9 · #5F9EA0

CSS variables

:root {
  --enchanted-river-stone-1: #708090;
  --enchanted-river-stone-2: #5F9EA0;
  --enchanted-river-stone-3: #A9A9A9;
  --enchanted-river-stone-4: #EAE0D3;
  --enchanted-river-stone-5: #6B5B4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-river-stone": {
        1: "#708090",
        2: "#5F9EA0",
        3: "#A9A9A9",
        4: "#EAE0D3",
        5: "#6B5B4F",
      }
    }
  }
}

Related searches

river stone color palettecalm natural UI designearthy grey blue schemeserene organic brandingpeaceful water tones

Palette colors

Hex values

Color 1#708090
·
Color 2#5F9EA0
·
Color 3#A9A9A9
·
Color 4#EAE0D3
·
Color 5#6B5B4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
3.1:1AA18
1.6:1Fail
2
1.3:1Fail
1.3:1Fail
2.3:1Fail
2.1:1Fail
3
1.7:1Fail
1.3:1Fail
1.8:1Fail
2.8:1Fail
4
3.1:1AA18
2.3:1Fail
1.8:1Fail
5:1AA
5
1.6:1Fail
2.1:1Fail
2.8:1Fail
5:1AA

Similar palettes

More like Enchanted River Stone

View all earth
Forest Canopy Echoes
Forest Floor Moss
Mossy Glen
Riverbend Willow Green
Botanical Bloom Line
Botanical Leaf Veins