Palette

Stone Temple Carvings

Muted, strong tones reflecting the ancient, weathered surfaces of a majestic stone temple.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Temple Carvings 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 Stone Temple Carvings.

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

Data visualization

#6B7C8F#9CA7B4#C6CED7#E0E4E7#3D4A5A

Palette guide

How to use Stone Temple Carvings

Overview

The Stone Temple Carvings palette offers a sophisticated collection of muted, strong tones that reflect the ancient, weathered surfaces of a majestic stone temple. Ranging from the deep, grounding #3D4A5A to the airy #E0E4E7, this palette includes versatile blue-grays like #6B7C8F and #9CA7B4. It's designed for projects requiring a sense of history, dignity, and understated grandeur. Designers and developers can use these colors to create solid, reliable, and aesthetically rich experiences that convey permanence and a refined, ancient elegance, perfect for high-end or culturally significant applications.

Best used for

Historical documentary branding
Luxury travel agency websites
High-end architectural firm portfolios
Museum and heritage site branding
Serene corporate identity designs
Premium product packaging

Suggested color roles

primary

Use #6B7C8F (Slate Blue) as a dignified primary color for branding, prominent calls to action, or key information.

secondary

Apply #9CA7B4 (Light Slate Gray) for supportive elements, subheadings, or to add subtle depth to content areas.

accent

Employ #3D4A5A (Dark Blue-Gray) for strong emphasis, bold headings, or to create deep contrast in design elements.

background

Utilize #E0E4E7 (Off-White/Light Gray) as a clean, open canvas, allowing other colors to truly resonate.

text

Choose #3D4A5A (Dark Blue-Gray) for primary body text, ensuring excellent readability and a sophisticated tone.

Accessibility notes

Ensure #3D4A5A text on #E0E4E7 backgrounds provides strong contrast for all users.
Avoid using #C6CED7 on #E0E4E7 for small text due to potential low contrast ratios.
Verify that #6B7C8F text on #E0E4E7 backgrounds meets WCAG AA standards for readability.
For interactive elements, maintain clear visual feedback for hover and active states using distinct colors.

Recommended combinations

Majestic Pillars

Ideal for main backgrounds, primary text, and prominent features, creating a strong, authoritative presence.

#E0E4E7 · #3D4A5A · #6B7C8F

Weathered Layers

Great for UI elements, subtle depth, and secondary text, reflecting weathered stone textures.

#9CA7B4 · #C6CED7 · #6B7C8F

Carved Details

Effective for strong headings, a clean canvas, and accent details that need to stand out with dignity.

#3D4A5A · #E0E4E7 · #9CA7B4

CSS variables

:root {
  --stone-temple-carvings-1: #6B7C8F;
  --stone-temple-carvings-2: #9CA7B4;
  --stone-temple-carvings-3: #C6CED7;
  --stone-temple-carvings-4: #E0E4E7;
  --stone-temple-carvings-5: #3D4A5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-temple-carvings": {
        1: "#6B7C8F",
        2: "#9CA7B4",
        3: "#C6CED7",
        4: "#E0E4E7",
        5: "#3D4A5A",
      }
    }
  }
}

Hex values

Color 1#6B7C8F

Color 2#9CA7B4

Color 3#C6CED7

Color 4#E0E4E7

Color 5#3D4A5A

Accessibility

Contrast checker

1.8:1Fail

2.7:1Fail

3.3:1AA18

2.1:1Fail

1.8:1Fail

1.5:1Fail

1.9:1Fail

3.7:1AA18

2.7:1Fail

1.5:1Fail

1.2:1Fail

5.7:1AA

3.3:1AA18

1.9:1Fail

1.2:1Fail

7.1:1AAA

2.1:1Fail

3.7:1AA18

5.7:1AA

7.1:1AAA

Similar palettes

More like Stone Temple Carvings

Ancient Temple Stones