Back to palettes

Palette

Seaside Chalk Cliffs

Muted, chalky tones evoking the gentle strength and texture of ancient seaside cliffs.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaside Chalk Cliffs 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 Seaside Chalk Cliffs.

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

Data visualization

#DFD8CE#C6BFB4#ADAA9E#949588#7B8071

Palette guide

How to use Seaside Chalk Cliffs

Overview

The Seaside Chalk Cliffs palette captures the subtle strength and texture of ancient seaside cliffs through its muted, chalky tones. Featuring hex codes like #DFD8CE (Pale Chalk), #C6BFB4 (Light Chalk Gray), #ADAA9E (Chalky Taupe), #949588 (Mid Cliff Gray), and #7B8071 (Deep Cliff Green-Gray), this neutral collection is ideal for designers and developers seeking an earthy, sophisticated, and understated natural aesthetic. The palette offers a harmonious blend of warm grays and subtle greens, providing a grounded yet ethereal feel that evokes raw natural beauty and timeless elegance, perfect for projects requiring a sense of calm authenticity.

Best used for

  • High-end natural product branding and e-commerce
  • Architectural and interior design portfolios
  • Art gallery websites or exhibition materials
  • Sustainable fashion brands or eco-conscious ventures
  • Wellness retreats or natural spa branding
  • Documentary or historical content presentation

Suggested color roles

primary

Use #7B8071 (Deep Cliff Green-Gray) as a strong, grounding color suitable for main headings, navigation, or impactful brand elements.

secondary

Employ #949588 (Mid Cliff Gray) as a versatile mid-tone for subheadings, secondary buttons, or background elements that require subtle depth.

accent

Apply #ADAA9E (Chalky Taupe) for subtle highlights, dividers, or interactive states where a soft, textured feel is desired.

background

Utilize #DFD8CE (Pale Chalk) as a warm, inviting off-white that provides an expansive, natural, and clean canvas.

text

For primary text, #7B8071 ensures excellent readability. Use #949588 for secondary text or captions on light backgrounds. A dark charcoal like #333333 can also be used for body text.

Accessibility notes

  • Ensure sufficient contrast between #7B8071 and #DFD8CE for all important text elements.
  • #ADAA9E and #C6BFB4 have low contrast with #DFD8CE; avoid using them for critical text or small font sizes.
  • Use a contrast checker to verify readability for text on #949588, especially against other mid-tones like #C6BFB4.
  • Generally, darker palette colors will work best for text on the lighter palette colors to maintain accessibility.

Recommended combinations

Cliff Edge

Creates a robust and natural look, perfect for hero sections, brand logos, or a sophisticated content hierarchy with depth.

#7B8071 · #949588 · #DFD8CE

Eroded Textures

Ideal for layered backgrounds, subtle card designs, or elements where a soft, textural depth is desired without strong contrast.

#C6BFB4 · #ADAA9E · #DFD8CE

Earthy Depths

For a richer, more grounded feel, suitable for footer sections, sidebars, or elements requiring a substantial and earthy presence.

#7B8071 · #ADAA9E · #C6BFB4

CSS variables

:root {
  --seaside-chalk-cliffs-1: #DFD8CE;
  --seaside-chalk-cliffs-2: #C6BFB4;
  --seaside-chalk-cliffs-3: #ADAA9E;
  --seaside-chalk-cliffs-4: #949588;
  --seaside-chalk-cliffs-5: #7B8071;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-chalk-cliffs": {
        1: "#DFD8CE",
        2: "#C6BFB4",
        3: "#ADAA9E",
        4: "#949588",
        5: "#7B8071",
      }
    }
  }
}

Related searches

natural chalky color schememuted earthy web palettecliff inspired design colorssubtle greige brandingorganic neutral color collection

Palette colors

Hex values

Color 1#DFD8CE
·
Color 2#C6BFB4
·
Color 3#ADAA9E
·
Color 4#949588
·
Color 5#7B8071
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.1:1Fail
2.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.9:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Seaside Chalk Cliffs

View all neutral
Seaside Driftwood Hues
Coastal Driftwood
River Stone Calm
River Stone Medley
Seaside Driftwood Art
Seaside Strand Weave