Back to palettes

Palette

Nocturne Chapel Glow

Reflects the solemn beauty of an ancient chapel at night, lit by faint, ethereal glows.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nocturne Chapel Glow 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 Nocturne Chapel Glow.

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

Data visualization

#2C3E50#5C6B7C#FDFDFD#8E44AD#27AE60

Palette guide

How to use Nocturne Chapel Glow

Overview

The Nocturne Chapel Glow palette reflects the solemn beauty of an ancient chapel at night, illuminated by faint, ethereal glows. This unique collection combines the deep, solemn grays of #2C3E50 and #5C6B7C, reminiscent of aged stone, with the stark, pure contrast of #FDFDFD. Unexpected yet harmonious accents are provided by a mystical purple, #8E44AD, and a serene, almost stained-glass green, #27AE60. Designers can use this palette to create impactful, sophisticated, and slightly gothic interfaces, ideal for architectural firms, historical projects, or any brand seeking a blend of classic elegance and modern, striking accents.

Best used for

  • Architectural and design portfolios
  • Historical or cultural institution websites
  • Gothic or dark academia themed projects
  • High-contrast, solemn branding
  • Art and photography showcases
  • Unique event or festival branding

Suggested color roles

primary

Use #2C3E50 as a deep, foundational gray, perfect for dominant backgrounds, headers, or large structural elements.

secondary

Apply #5C6B7C as a lighter, yet still substantial gray, suitable for navigation, card backgrounds, or secondary content areas.

accent

Utilize #8E44AD, a mystical, vibrant purple that commands attention, excellent for call-to-action buttons, interactive states, or key visual highlights.

background

Employ #FDFDFD, a pure, bright white, ideal for clean content backgrounds, providing maximum contrast and readability.

text

Choose #27AE60 as a serene green that can be used for accent text, links, or specific highlighted information, especially on lighter backgrounds. For primary body text, a dark gray or black is recommended.

Accessibility notes

  • Ensure #2C3E50 or #5C6B7C text on #FDFDFD backgrounds has excellent contrast for readability.
  • #8E44AD and #27AE60 on #FDFDFD should be checked for sufficient contrast, especially for small text.
  • Avoid placing #8E44AD or #27AE60 directly on #2C3E50 or #5C6B7C without checking contrast carefully.
  • Always prioritize WCAG guidelines for text and interactive element contrast for optimal readability.

Recommended combinations

Stone & Light

High-contrast base with clean white and a vibrant purple accent for striking, modern designs.

#2C3E50 · #FDFDFD · #8E44AD

Ethereal Glow

Softer gray background with white content and a serene green accent for balanced, readable layouts.

#5C6B7C · #FDFDFD · #27AE60

Gothic Accent

Deep background with two vibrant accents, ideal for highlights and interactive elements on dark themes.

#2C3E50 · #8E44AD · #27AE60

CSS variables

:root {
  --nocturne-chapel-glow-1: #2C3E50;
  --nocturne-chapel-glow-2: #5C6B7C;
  --nocturne-chapel-glow-3: #FDFDFD;
  --nocturne-chapel-glow-4: #8E44AD;
  --nocturne-chapel-glow-5: #27AE60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nocturne-chapel-glow": {
        1: "#2C3E50",
        2: "#5C6B7C",
        3: "#FDFDFD",
        4: "#8E44AD",
        5: "#27AE60",
      }
    }
  }
}

Related searches

dark gray purple greengothic chapel colorshigh contrast solemn palettemodern medieval designarchitectural dark theme

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#5C6B7C
·
Color 3#FDFDFD
·
Color 4#8E44AD
·
Color 5#27AE60
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
10.8:1AAA
1.9:1Fail
3.8:1AA18
2
2:1Fail
5.4:1AA
1.1:1Fail
1.9:1Fail
3
10.8:1AAA
5.4:1AA
5.8:1AA
2.8:1Fail
4
1.9:1Fail
1.1:1Fail
5.8:1AA
2:1Fail
5
3.8:1AA18
1.9:1Fail
2.8:1Fail
2:1Fail

Similar palettes

More like Nocturne Chapel Glow

View all dark
Gothic Arch Mystery
Gothic Cathedral Stone
Gothic Midnight Bloom
Cathedral Shadow Grey
Gothic Castle Stone
Gothic Cathedral Glint