Back to palettes

Palette

Sunken Temple Moss

Ethereal blues and muted greens reveal the quiet decay and beauty of ancient ruins reclaimed by the sea.

earthdark5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunken Temple Moss 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 Sunken Temple Moss.

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

Data visualization

#4F6D7A#7CA0A0#A6BCC8#36454F#5F9EA0

Palette guide

How to use Sunken Temple Moss

Overview

The "Sunken Temple Moss" palette offers a serene and mysterious blend of cool blues, muted greens, and soft greys, evoking ancient ruins reclaimed by the ocean. The deep, grounding #36454F provides a strong foundation, reminiscent of shadowed stone. #4F6D7A and #5F9EA0 introduce the titular mossy greens and deep teal-blues, perfect for secondary elements that need to feel organic and submerged. Lighter tones like #7CA0A0 and #A6BCC8 offer ethereal highlights and atmospheric backgrounds, suggesting sun-dappled water or weathered stone. This palette is excellent for designers seeking a tranquil yet intriguing aesthetic, ideal for projects that require a natural, historical, or subtly melancholic mood. It blends cool tones beautifully to create depth and a sense of quiet decay.

Best used for

  • Nature-themed app interfaces
  • Historical game environments
  • Spa and wellness branding
  • Environmental conservation websites
  • Documentary film aesthetics
  • Mystical fantasy art

Suggested color roles

primary

#36454F for dominant dark areas, providing a deep, stable base.

secondary

#4F6D7A or #5F9EA0 for significant elements, embodying the "moss" and "water" feel.

accent

#A6BCC8 for soft highlights, subtle interactive elements, or ethereal glows.

background

#7CA0A0 provides a calming, muted background, while #36454F can be used for dark mode.

text

A light cream or white on #36454F. A dark charcoal or black on #A6BCC8.

Accessibility notes

  • Ensure sufficient contrast when using #7CA0A0 on #5F9EA0 for text.
  • #A6BCC8 offers good readability for dark text, making it suitable for headers.
  • The darkest color, #36454F, provides excellent contrast for light text.
  • Avoid low contrast pairs like #4F6D7A and #5F9EA0 for critical text elements.

Recommended combinations

Deep Ruins

Creates a strong foundation with natural, muted mid-tones for depth.

#36454F · #4F6D7A · #7CA0A0

Ethereal Water

Ideal for soft gradients or elements suggesting water and light.

#5F9EA0 · #7CA0A0 · #A6BCC8

Mossy Stone

Provides a rich dark base with a vibrant mossy green and a subtle highlight.

#36454F · #5F9EA0 · #A6BCC8

CSS variables

:root {
  --sunken-temple-moss-1: #4F6D7A;
  --sunken-temple-moss-2: #7CA0A0;
  --sunken-temple-moss-3: #A6BCC8;
  --sunken-temple-moss-4: #36454F;
  --sunken-temple-moss-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-temple-moss": {
        1: "#4F6D7A",
        2: "#7CA0A0",
        3: "#A6BCC8",
        4: "#36454F",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

ancient ruins color palettemossy green blue schemeunderwater temple colorstranquil cool tonesmysterious nature aesthetic

Palette colors

Hex values

Color 1#4F6D7A
·
Color 2#7CA0A0
·
Color 3#A6BCC8
·
Color 4#36454F
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.8:1Fail
1.8:1Fail
1.8:1Fail
2
1.9:1Fail
1.4:1Fail
3.5:1AA18
1.1:1Fail
3
2.8:1Fail
1.4:1Fail
5:1AA
1.5:1Fail
4
1.8:1Fail
3.5:1AA18
5:1AA
3.2:1AA18
5
1.8:1Fail
1.1:1Fail
1.5:1Fail
3.2:1AA18

Similar palettes

More like Sunken Temple Moss

View all earth
Ancient Relic Stone
Deep Forest Canopy
Evergreen Canopy Light
Industrial Forge Ember
Industrial Rust Patina
Molten Stone Texture