Back to palettes

Palette

Enchanted Stone Circle

Ancient and grounding hues reflecting moss-covered stones and earth, invoking a sense of deep history.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F9EA0#708090#6B5B52#D4A276#2F4F4F

Palette guide

How to use Enchanted Stone Circle

Overview

The Enchanted Stone Circle palette evokes ancient and grounding hues, reflecting moss-covered stones and earth, invoking a sense of deep history. Featuring a deep dark slate grey #2F4F4F, a balanced slate gray #708090, and a warm, inviting sandy brown #D4A276, this collection is perfect for designers seeking a natural, mysterious, and historically rich aesthetic. Developers will find these hex codes ideal for creating robust interfaces, organic branding, and evocative digital environments. The calming cadet blue #5F9EA0 adds a touch of ancient sky or water, ensuring a versatile and captivating visual experience for projects steeped in heritage and nature.

Best used for

  • Historical or archaeological museum websites
  • Fantasy game environments (ancient ruins, druid circles)
  • Outdoor adventure and exploration brand identities
  • Documentary film branding or title sequences
  • Luxury rustic lodge or retreat marketing
  • Digital art depicting ancient landscapes or mystical sites

Suggested color roles

primary

#2F4F4F - A very deep, dark slate grey, excellent for dominant backgrounds, headers, or large graphical elements, establishing a profound, ancient foundation.

secondary

#708090 - A balanced slate gray. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding gentle depth and a stone-like texture.

accent

#D4A276 - A warm, inviting sandy brown, reminiscent of ancient earth or weathered stone. Perfect for calls-to-action, interactive elements, or key highlights that need a natural, grounding pop.

background

#708090 - Provides a strong, neutral canvas that allows the warmer accents to stand out while maintaining an earthy, stone-like feel.

text

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

Accessibility notes

  • Ensure #6B5B52 text on #708090 or #D4A276 backgrounds meets WCAG AA contrast standards.
  • Avoid using #5F9EA0 or #708090 for small text on #D4A276 as the contrast may be insufficient.
  • For interactive elements, always verify the contrast of the accent color against its background.
  • Consider using pure white or a very light gray for text on #2F4F4F if #6B5B52 doesn't provide enough contrast.

Recommended combinations

Ancient Earth

Deep slate grey for dominant sections, dark brown for content, and sandy brown for accents, creating a grounded, earthy scene.

#2F4F4F · #6B5B52 · #D4A276

Stone & Sky

Layered elements with #708090 as base, cadet blue for secondary elements, and sandy brown for warm, natural highlights.

#708090 · #5F9EA0 · #D4A276

Mystic Circle

Dominant dark background, warm sandy brown for headings and main text, and cadet blue for interactive elements or decorative accents.

#2F4F4F · #D4A276 · #5F9EA0

CSS variables

:root {
  --enchanted-stone-circle-1: #5F9EA0;
  --enchanted-stone-circle-2: #708090;
  --enchanted-stone-circle-3: #6B5B52;
  --enchanted-stone-circle-4: #D4A276;
  --enchanted-stone-circle-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-stone-circle": {
        1: "#5F9EA0",
        2: "#708090",
        3: "#6B5B52",
        4: "#D4A276",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

ancient stone color paletteearthy mystic UI designnatural historical colorsgrey brown green schemefantasy ruins aesthetic

Palette colors

Hex values

Color 1#5F9EA0
·
Color 2#708090
·
Color 3#6B5B52
·
Color 4#D4A276
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

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

Similar palettes

More like Enchanted Stone Circle

View all earth
Ancient Earth Pigment
Archaeological Dig Earth
Desert Oasis Canvas
Earthen Pigment Palette
Ancient Canyon Echo
Ancient Clay Vessel