Back to palettes

Palette

Ancient Rune Stone

Serene, understated tones of aged stone and earth, perfect for creating a grounding and introspective space.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Rune 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 Ancient Rune Stone.

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

Data visualization

#D0CFCF#A9A9A9#778899#6B5B52#F8F8F8

Palette guide

How to use Ancient Rune Stone

Overview

The 'Ancient Rune Stone' palette features serene, understated tones of aged stone and earth, perfect for creating a grounding and introspective space. This neutral collection, ranging from the bright #F8F8F8 to the deep #6B5B52, and including the calming #778899 (a blue-grey), is ideal for designers and developers seeking a minimalist, calm, and subtly historic aesthetic. It provides a harmonious blend of cool greys and warm earth tones, offering versatility for designs that require both modern simplicity and a touch of ancient wisdom, fostering a sense of peace and contemplation.

Best used for

  • Spa and wellness branding
  • Minimalist home decor websites
  • Contemplative art installations
  • Historical architecture visualization
  • Serene digital interfaces
  • Luxury packaging with an understated feel

Suggested color roles

primary

Utilize #778899 as a calm, blue-grey anchor for primary elements, such as main content blocks or prominent UI components, offering stability.

secondary

Apply #A9A9A9 as a neutral mid-grey for supporting sections, subheadings, or subtle graphical accents, providing visual balance.

accent

Introduce #6B5B52 as a warm, earthy brown accent for calls-to-action, key details, or decorative elements, adding contrast and warmth.

background

Employ #F8F8F8 as a clean, bright base for your design, ensuring an expansive and refreshing canvas.

text

For optimal readability, use #6B5B52 or a deep charcoal for body text and headings, ensuring strong contrast against lighter backgrounds like #F8F8F8.

Accessibility notes

  • Ensure #6B5B52 or #778899 text on #F8F8F8 background meets WCAG AA contrast standards.
  • Use #A9A9A9 for larger text or headings on #D0CFCF for improved visual distinction.
  • Avoid using #D0CFCF for small body text on #F8F8F8 due to potential low contrast.
  • Ensure interactive elements have clear focus states and sufficient contrast to promote usability.

Recommended combinations

Earth & Sky

A grounded and serene combination ideal for hero sections or distinct content blocks needing strong contrast.

#6B5B52 · #778899 · #F8F8F8

Aged Stone

Creates a subtle, historic feel, perfect for backgrounds, overlays, or decorative elements.

#A9A9A9 · #D0CFCF · #778899

Quiet Contemplation

A light and contrasting trio for titles, main navigation, and supporting informational graphics.

#F8F8F8 · #6B5B52 · #A9A9A9

CSS variables

:root {
  --ancient-rune-stone-1: #D0CFCF;
  --ancient-rune-stone-2: #A9A9A9;
  --ancient-rune-stone-3: #778899;
  --ancient-rune-stone-4: #6B5B52;
  --ancient-rune-stone-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-rune-stone": {
        1: "#D0CFCF",
        2: "#A9A9A9",
        3: "#778899",
        4: "#6B5B52",
        5: "#F8F8F8",
      }
    }
  }
}

Related searches

ancient neutral paletteserene stone colorsblue grey brown hexminimalist calm designintrospective branding

Palette colors

Hex values

Color 1#D0CFCF
·
Color 2#A9A9A9
·
Color 3#778899
·
Color 4#6B5B52
·
Color 5#F8F8F8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
4.2:1AA18
1.5:1Fail
2
1.5:1Fail
1.5:1Fail
2.8:1Fail
2.2:1Fail
3
2.3:1Fail
1.5:1Fail
1.8:1Fail
3.4:1AA18
4
4.2:1AA18
2.8:1Fail
1.8:1Fail
6.1:1AA
5
1.5:1Fail
2.2:1Fail
3.4:1AA18
6.1:1AA

Similar palettes

More like Ancient Rune Stone

View all neutral
Ancient City Ruins
Ancient Roman Stone
Ancient Temple Stones
Minimalist Stone Carve
Riverbed Smooth Stone
Ancient Stone Temple