Back to palettes

Palette

Sedimentary Rock Vein

Layers of time revealed through varied hues, reflecting the stratified beauty of sedimentary rock formations.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sedimentary Rock Vein 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 Sedimentary Rock Vein.

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

Data visualization

#3D2F2E#6E5B5B#9F8E8E#CFCBC9#8E877D

Palette guide

How to use Sedimentary Rock Vein

Overview

The Sedimentary Rock Vein palette draws inspiration from layered geological formations, offering a sophisticated array of earthy tones. Featuring deep brown-gray `#3D2F2E`, medium-dark `#6E5B5B`, a warm beige `#CFCBC9`, and an earthy gray-brown `#8E877D`, this collection evokes stability, nature, and understated elegance. Ideal for projects aiming for an organic, grounded aesthetic, it provides excellent depth and warmth without being overly vibrant. Designers and developers can leverage its natural harmony to create comforting, timeless experiences across various mediums.

Best used for

  • Eco-friendly brand identity and packaging
  • Rustic interior design concepts and mood boards
  • Website and app interfaces for nature-focused businesses
  • Artisanal product showcases and photography backdrops
  • Print materials requiring a sophisticated, natural feel
  • Wabi-sabi or minimalist design projects

Suggested color roles

primary

Use `#3D2F2E` as a foundational primary color for strong headings, navigation, or key sections, providing a sense of gravitas and stability.

secondary

Employ `#6E5B5B` for subheadings, secondary interactive elements, or large content blocks to offer visual interest while maintaining a cohesive, earthy feel.

accent

Apply `#8E877D` sparingly for subtle highlights, icons, or calls to action where a touch of warmth and natural distinction is desired.

background

Utilize `#CFCBC9` as a clean, warm background color, providing excellent readability for darker text and a soft, inviting canvas.

text

For optimal readability on light backgrounds like `#CFCBC9`, use the deep `#3D2F2E`. For text on darker tones, a soft off-white or light gray is recommended.

Accessibility notes

  • Ensure sufficient contrast between `#3D2F2E` text and a `#CFCBC9` background for WCAG AAA compliance.
  • Avoid placing medium tones like `#6E5B5B` or `#9F8E8E` directly against each other for essential text to prevent readability issues.
  • Use a contrast checker to verify text and interactive element visibility, especially for users with low vision.
  • When using `#8E877D` as an accent, ensure it contrasts adequately with its surrounding background if it conveys important information.

Recommended combinations

Earthen Core

A robust combination for high-contrast interfaces, brand logos, or print layouts where clarity and natural elegance are paramount.

#3D2F2E · #CFCBC9 · #9F8E8E

Stratum Blend

Ideal for creating visual depth in illustrations, data visualizations, or UI elements that require subtle, harmonious transitions.

#6E5B5B · #8E877D · #9F8E8E

Rustic Whisper

Perfect for tranquil website backgrounds, comfortable textile designs, or branding that evokes a sense of organic comfort and warmth.

#CFCBC9 · #6E5B5B · #3D2F2E

CSS variables

:root {
  --sedimentary-rock-vein-1: #3D2F2E;
  --sedimentary-rock-vein-2: #6E5B5B;
  --sedimentary-rock-vein-3: #9F8E8E;
  --sedimentary-rock-vein-4: #CFCBC9;
  --sedimentary-rock-vein-5: #8E877D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sedimentary-rock-vein": {
        1: "#3D2F2E",
        2: "#6E5B5B",
        3: "#9F8E8E",
        4: "#CFCBC9",
        5: "#8E877D",
      }
    }
  }
}

Related searches

earth tone color schemesnatural brown gray paletterustic design colorsorganic branding palettesedimentary rock color ideas

Palette colors

Hex values

Color 1#3D2F2E
·
Color 2#6E5B5B
·
Color 3#9F8E8E
·
Color 4#CFCBC9
·
Color 5#8E877D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
7.9:1AAA
3.6:1AA18
2
2:1Fail
2:1Fail
3.9:1AA18
1.8:1Fail
3
4.1:1AA18
2:1Fail
1.9:1Fail
1.1:1Fail
4
7.9:1AAA
3.9:1AA18
1.9:1Fail
2.2:1Fail
5
3.6:1AA18
1.8:1Fail
1.1:1Fail
2.2:1Fail

Similar palettes

More like Sedimentary Rock Vein

View all earth
Sediment Layer Strata
Ancient Canyon Echo
Ancient Clay Vessel
Ancient Earth Pigment
Arid Flower Sparkle
Artisan Clay Glaze