Ruins of Civilization

#cadece

Weathered pale green, calmer than mints and sage

Save
Share

About Ruins of Civilization

I keep noticing Ruins of Civilization when I'm matching backgrounds for "heritage green" layouts. It has that washed, architectural calm, like moss pressed into stone after years of weathering. Compared with , it's not just softened haze, it's a more dusty green presence. Compared with , it's less fresh-leaf and less spring-clean, more aged and grounded.

In practice, I use it for editorial hero bands, sustainability and agriculture landing pages, and product marketing that needs green without feeling like a garden filter. It also plays nicely in dashboards for logistics, field ops, and asset tracking, where the UI background has to stay quiet next to charts and dense tables. If Delta Mint can feel a bit too crisp and cool-leaning, this one feels warmer than that mint pause while still clearly green.

Pair it with off-whites, warm grays, and restrained olive accents. Pure bright whites can make it look even more worn at the edges.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.41:1Fail

On Gray 100 #f5f5f5

Aa
1.30:1Fail

On Gray 900 #18181b

Aa
12.53:1AAA

On Black #000000

Aa
14.85:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#cee1c8
#c6d8c7
#d1dac0
#bddfd8
#d4d8ce

Create a gradient with Ruins of Civilization

Open the generator with this color pre-loaded.

Start creating